Сборка reset.css
Автор: Евгений Рыжков Дата публикации:
Параметры
body
=
px
#
#
Редко используемые теги
Дополнительно
reset.css:
Скопировать код в буфер/* --------------- reset.css --------------- */ html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; /* обнуляем отступы и убираем бордюры */ vertical-align: baseline; /* приводим все к одной базовой линии */ background: transparent; /* чтобы не проскакивали левые фоны, установленные по умолчанию */ font-size: 100%; /* размер шрифта всем одинаковый */ } a { /* ссылка не в общем списке чтобы не сбрасывать outline по умолчанию */ margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } table { /* устраняем отступы между ячейками таблицы */ border-collapse: collapse; border-spacing: 0; } td, td img { vertical-align: top; /* возвращаем привычное вертикальное выравнивание */ } input, select, button, textarea { margin: 0; /* убираем отступы по умолчанию для элементов форм (в частности для checkbox и radio) */ font-size: 100%; /* делаем размер шрифтов везде одинаковым */ } input[type="text"], input[type="password"], textarea { padding: 0; /* убираем внутренние отступы для текстовых полей */ } input[type="checkbox"] { /* вертикальное выравнивание чекбоксов и радиобатонов относительно меток */ vertical-align: bottom; } input[type="radio"] { vertical-align: text-bottom; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } /* --------------- /reset.css --------------- */ /* --------------- базовые настройки ---------*/ html { overflow-y: scroll; /* всегда показываем вертикальную полосу прокрутки */ } body { line-height: 1; background: #fff; color: #000; text-align: left; font: 14px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; /* используем безопасные шрифтовые CSS стеки */ } input, select, button, textarea { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; /* чтобы шрифт был такой же как и везде */ } label, input[type="button"], input[type="submit"], button { cursor: pointer; /* курсор в виде руки для всех кликабельных элементов форм */ } a, a:visited { /* порядок правил для ссылок имеет значение */ color: #287fc3; text-decoration: underline; } a:hover { color: #287fc3; text-decoration: none; } a:focus, a:active { color: #287fc3; text-decoration: underline; } /* --------------- /базовые настройки ---------*/
P.S. Зачем это нужно можно прочитать в статье «Обнуление отступов».