Иерархия статей
Сброс стилей CSS
- 18.03.2011 05:34
- HTML и CSS
Каждый, кто когда-либо верстал, сталкивался с таким понятием как кроссбраузерность. Большинство браузеров не имеют единого стиля представления информации. Каждый отображает по своему, со своими «рюшечками». Это не позволяет сделать сайт одинаковым во всех браузерах. Но есть такое понятие как сброс стилей, которое помогает придти к единому знаменателю.
Наиболее полная коллекция правил сброса стилей принадлежит Эрику Майеру (Eric Meyer) и выглядит она следующим образом:
----------------------------------------------------------------
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,
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-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* помните об определении стиля focus! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* для таблиц надо устанавливать в разметке 'cellspacing="0"' */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
----------------------------------------------------------------
Элементы input, button и hr были исключены из-за значительной разницы в их кроссбраузерном представлении. Легче вообще не задавать для них никакого стиля.
Наиболее полная коллекция правил сброса стилей принадлежит Эрику Майеру (Eric Meyer) и выглядит она следующим образом:
----------------------------------------------------------------
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,
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-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* помните об определении стиля focus! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* для таблиц надо устанавливать в разметке 'cellspacing="0"' */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
----------------------------------------------------------------
Элементы input, button и hr были исключены из-за значительной разницы в их кроссбраузерном представлении. Легче вообще не задавать для них никакого стиля.
- Печать
- 0 Комментариев
- 2123 Прочтений
Поделиться этой статьей | |
Социальные закладки: |
![]() ![]() ![]() ![]() ![]() ![]() |
URL: | |
BBcode: | |
HTML: |
Добавить комментарий
Пожалуйста, залогиньтесь для добавления комментария.
Рейтинги
- Нет данных для оценки.
Рейтинг доступен только для пользователей.
Пожалуйста, авторизуйтесьили зарегистрируйтесь для голосования.