Жов
8
reset css
категорія: css
Пост присвячений верстальщикам.
Файл reset.css – це обнулятор стилів.
У кожного браузера є свої настройки для різних тегів, наприклад для параграфів чи інпутів. А підключивши reset.css можна полегшити процес верстки.
Отже, є багато варіантів.
Особисто я завжди використовував
* {
margin: 0;
padding: 0;
}
Але цього мало
YUI 2
reset.css від yahoo
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym {
border:0;
}
meyers css
reset.css від meyer
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
Вибираємо для себе підходящий.
| Share | В Мой Мир |

Знадобиться! Дякую.
№406 - 8 Жов 2009 о 11:24
Сhillart
Не зовсiм зрозумiв, навiщо це?
№407 - 9 Жов 2009 о 18:56
Snowcore
Це потрібно для того щоб збити всі настройки під 0.
Всі відступи будуть обнулені.
Все буде правильно виглядати, навіть в експлорері.
№408 - 13 Жов 2009 о 17:13
Sergunik