code is art 

Тема сброса стандартных стилей, устанавливаемых браузером, поднималась многими веб-разработчиками огромное количество раз. В сети Интернет существует множество готовых решений, начиная от простого * {padding: 0; margin: 0} и заканчивая отдельными таблицами стилей, учитывающими особенности различных браузеров и для разных устройст вывода.

Я считаю, каждый верстальщик должен написать для себя такой файл самостоятельно, ну или хотя бы хорошо разобраться в готовом решении, если он, конечно, не ощущает себя «макетонарезочным аппаратом» или гуру технологии «copy-paste».

Воспользовавшись замечательной системой поиска «Google» Вы сможете найти множество вариантов реализации файла «reset.css». Я хочу показать Вам для примера свой вариант таблицы стилей сброса стандартного оформления, устанавливаемого браузером:

@charset "utf-8";
body, h1, h2, h3, h4, h5, h6 {
font: 14px/18px Verdana, sans-serif;
}
code, kbd, pre, samp, tt, var {
font: 14px/18px Consolas, "Courier New", monospace;
}
body, optgroup {
color: #000;
background: #fff;
}
body, code, dl, dd, form, pre {
margin: 0;
}
a:link {
color: #009;
}
a:link, a:visited, ins {
text-decoration: none;
}
a:visited {
color: #505;
}
a:hover {
text-decoration: underline;
}
a:link img, a:visited img, object, fieldset, abbr, acronym {
border: none;
}
sub, sup {
position: relative;
display: inline-block;
font-size: 11px;
line-height: 11px;
}
sub {
top: 5px;
vertical-align: middle;
}
sup {
top: -2px;
margin-top: -11px;
}
abbr, acronym {
cursor: help;
border-bottom: 1px dotted #999;
}
address, cite, dfn {
font-style: normal;
}
code, pre {
white-space: pre-wrap;
}
img {
vertical-align: bottom;
}
td, th, textarea {
vertical-align: top;
}
input, select, button {
overflow: visible;
vertical-align: middle;
}
legend {
color: #000;
margin: 0 0 -2px;
padding: 0;
}
li {
display: block;
list-style: none;
}
optgroup option {
padding-left: 22px;
}
table {
border-collapse: collapse;
}
caption, th {
text-align: left;
}
td, th {
padding: 0;
}
address, blockquote, h1, h2, h3, h4, h5, h6, fieldset, p, ol, ul {
margin: 0;
padding: 0;
}
th, h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
q {
quotes: "\00ab" "\00bb" "\201e" "\201c";
}
q:after {
content: "\00bb";
}
q:before {
content: "\00ab";
}
q > q:after {
content: "\201c";
}
q > q:before {
content: "\201e";
}

Для IE нужно добавить еще:

legend {
margin-left: -7px;
}

Таблица стилей ориентирована на использование совместно с «XHTML 1.0 Strict».

Некоторые могут возразить и сказать, что это  не «reset.css», а уже какой-то «base.css» — возможно и так, со временем этот файл вырос в размерах и стал включать в себя некоторые стили, которые я обычно описывал в своих проектах.

Объяснять, что для чего написано, думаю, не стоит, до меня это уже сделали не один десяток раз. Поясню только эти выкрутасы с inline-цитами — это для правильного отображения кавычек вложенных inline-цитат в «Safari».

Скачать «reset.css»

Полезно почитать

Избегайте устаревших приёмов в веб-дизайне, а так же не забывайте, что и «Internet Explorer» оказывается тоже обновляется, и уже доступна 8-я версия (правда пока бета 2) для которой тоже нужны костыли специальные средства, чтобы старые сайты корректно отображались.

Похожие темы

• Округлые уголки, CSS
• CSS-селекторы в js-core
• Использование CSS подмены текста изображением и SEO. Какие могут быть последствия?
• Все, что вы знали о CSS —  неправда
• W3C CSS API селекторы — методы querySelector() и querySelectorAll()