Блог > Html/Css верстка > Использование CSS Reset {

Использование CSS Reset}

О том, как сбрасывать стандартные стили, которые устанавливаются самими браузерами написано немало. Существуют различные варианты, как это сделать - от простейших:

Css

* { margin: 0; padding: 0; }

до громоздких:

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;
}
/* устанавливаем фокус */
:focus {
outline: 0;
}
/* устанавливаем 'cellspacing="0"' для таблиц*/
table {
border-collapse: collapse;
border-spacing: 0;
}

Всё зависит лишь от того, сколько фантазии и умения приложит веб-разработчик.
Разберёмся для чего это нужно. Существует довольно много браузеров, при чём неважно готовые ли они или же вы сами захотите создать свой. Каждый из них при просмотре одной и той же веб-страницы будет отображать её по-своему. Есть такое понятие, как кроссбраузерность. Оно означает то, что какую бы страницу мы не просматривали, на любом из браузеров она будет выглядеть одинаково. Стоит заметить, что, несмотря на всё то огромное количество написанного по CSS Reset, не существует пошагового руководства по его написанию. Как уже говорилось выше, всё зависит от опыта и конкретных решаемых задач.

предыдущая следующая

Комментарии: