Стоит ли использовать CSS Reset
Многие верстальщики используются так называемый CSS Reset, служащий для устранения особенностей разных браузеров. Фактически, данный файл стилей сбрасывает все CSS-свойства по умолчанию. В этой статье я продемонстрирую код этого файла и расскажу, стоит использовать CSS Reset или нет.
Я видел много различных CSS Reset, все они примерно одинаковые. Можете использовать вот такой:
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 {
background: transparent;
border: 0;
font-size: 100%;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
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;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
Данный код надо сохранить в отдельный файл (например, reset.css), а дальше подключать его к каждой странице. Теперь о том, стоит ли использовать CSS Reset.
Думаю, чем его использование обусловлено и так понятно, а вот почему его, например, я не использую, как и многие другие верстальщики, об этом стоит рассказать. Во-первых, это лишний файл, во-вторых, лишнее время на обработку, но самое главное - мне нравятся свойства по умолчанию. Например, те же поля у таблицы. Ведь все свойства по умолчанию делали не просто так, а как наиболее оптимальный вариант отображения различных элементов. Уверяю Вас, обнулив padding у ячеек таблицы, скорее всего, Вы его вернёте в основном файле. И далеко не факт, что значение будет отличаться от того, что было по умолчанию. Вот и получается, что мы сначала это убираем, а затем это же возвращаем. А вместе с первыми недостатками (лишний файл и лишний код) многие верстальщики и вовсе не используют CSS Reset.
В любом случае, использование сброса стилей не является чем-то плохим, поэтому можете смело его использовать, если Вы считаете, что упрощение адаптации сайта под различные браузеры действительно упростит Вам вёрстку в целом.
-
Создано 04.12.2013 13:12:32
-
Михаил Русаков
Комментарии (2):
Да нули лучше не ставить, лучше уже тогда ставить проверенные значения, которые точно будут использоваться, иначе действительно двойная работа, то нули проставить, то опять их переопределить, мне тоже такой подход не нравится.
Ответить
Если разработчик работает над своим проектом или проектом, для которого отсутствует дизайн, то можно оставлять стили по умолчанию. Однако при наличии дизайна сбросом стилей лучше воспользоваться, так как это позволяет писать меньше стилей в дальнейшем для каждого отдельного элемента или групп элементов. К тому же во время препроцессоров и сборщиков проектов дополнительного запроса к серверу из-за применения сброса стилей не будет.
Ответить
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.