Открыть меню    

Сброс стилей от Эрика Мейера

Одним из свойств веб-браузеров является предоставление стиля (по умолчанию) HTML элементам. В какой-то степень это хорошо, а вдруг веб-мастер не захочет разрабатывать дизайн для своих страниц?

Едва ли найдутся два браузера, предоставляющие одинаковый дизайн по умолчанию, поэтому единственным способом убедиться в эффективности (единообразии представления своего сайта в различных браузерах) своего стиля является использование CSS Reset.

Под CSS Reset подразумевается восстановление (или, скорее, установление) для всех HTML элементов базовые (предсказуемые) стилевые значения.

Многие используют модифицированную версию популярного сброса (v2.0 | 20110126) от Эрика Мейера:

CSS


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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

источник

Комментарии к статье

Добавить комментарий