Первый блоггер

х
Все записи с тэгом «трюки»

CSS ресет – кратко или долго?

То, что при вёрстке html документа нужно сбрасывать предопределённые стили браузерами, хорошему верстальщику, напоминать не надо. Стоит лишь разобраться, какой именно ресет нужно использовать.

Довольно часто, можно увидеть подобные конструкции:

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;
}

Впечатляет, правда? Остаётся только спросить — а все ли из представленных в данном ресете предопределений, появляются в каждом вашем документе?

Уверен, что нет. А теперь давайте подумаем, сколько лишнего времени потребуется на загрузку и обработку того, чего у вас нет и в помине…?

Так что я, уже давно, использую самый простой в мире css reset, и считаю, что лучше него, пока, ничего не придумали.

Вот он:
* {
margin:0px;
padding:0px;
}

Просто, лаконично, быстро и валидно (для маньяков).

Хотите быть автором? Вы развиваете стартап? Поделитесь c миром.

Яндекс.Метрика