Перейти к содержимому



Сброс стилей с помощью CSS Reset

#1

Поделиться сообщением #1



surfer

surfer
  • Заблокированные
  • 1 956 сообщений
  • Репутация: 71
1

Отправлено 02 Июль 2012 - 17:15

Каждый браузер устанавливает свои значения стилей по умолчанию для различных HTML-элементов. С помощью CSS Reset мы можем нивелировать эту разницу для обеспечения кроссбраузерности стилей.
Например, отступы, разные браузеры считают по-разному, использование reset.css позволяет избежать это проблемы и трудности настройки стилей, делая отображение везде одинаковое.

Я использую набор стилей, предложенных Эриком Майером http://meyerweb.com/...ools/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, 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;
}

Этот набор не является панацеей, его можно менять и редактировать под свои нужды, но в целом он справляется со своими задачами, самое главное и важно правило, эти стили необходимо держать в отдельном файле и подключать в первую очередь, перед своими или другими файлами стилей!

ЗЫ, если вы внимательно ознакомитесь со стилями, то он уже адаптирован под html5.

 

 

  • 3

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Сброс настроек
  2. Заменить тег на другой
  3. Как самостоятельно создать шаблон joomla. Создание темы для джумлы своими руками
  4. Html верстка на конкретном примере
  5. Верстаем горизонтальное меню по мотивам MasterWEBS

#2

Поделиться сообщением #2



Iceforce

Iceforce
  • Неактивные
  • 20 сообщений
  • Репутация: 2

Отправлено 09 Октябрь 2012 - 15:37

surfer,спасибо, полезно, буду подключать теперь, так как действительно были проблемы с отступами :)
  • 0


Оформление форума – IPBSkins.ru