Нормализация CSS при помощи Normalize.css

Normalize.css представляет собой настраиваемый CSS файл, при помощи которого браузеры начинают отображать все элементы более последовательно и в соответствии с современными стандартами. Были проведены исследования для выявления различий между стилями браузеров по умолчанию для того, чтобы нормализовать только те стили, которые отличаются друг от друга.

Возможности

• Сохраняет полезные стили по умолчанию, в отличие от многих reset проектов (например, reset.css от Эрика Мейера)
• Нормализует стили для широкого диапазона элементов
• Исправляет ошибки и общие несоответствия браузеров
• Повышает юзабильность
• Хорошо и подробно откомментирован
• Поддерживает мобильные устройства и HTML5

Как использовать

Внимательно изучите код и комментарии к нему в файле normalize.css, чтобы понять для, чего необходимо каждое из правил. Пусть он не будет для вас «черным ящиком».

Если форматирование файла по каким-то причинам вам не подходит, оформите его в соответствии с вашими правилами: расставьте скобки и отступы. Для уменьшения размера файла перед публикацией удалите ненужные комментарии и минимизируйте его при помощи YUI Compressor или CSSTidy.

Затем до инициализации основного файла стилей подключите normalize.css

<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/styles.css" />

Собственно, все ?

Поддержка браузеров

• Google Chrome
• Mozilla Firefox 3+
• Apple Safari 4+
• Opera 10+
• Internet Explorer 6+

Лицензия

Public Domain (Общественное достояние) — совокупность творческих произведений, авторские права на которые истекли или никогда не существовали. Также «общественным достоянием» иногда называют изобретения, срок патента на которые истёк. Распространять и использовать общественное достояние могут все без ограничений.

Благодарности

Normalize.css — это проект Николаса Галахера (Nicolas Gallagher) и Джонатана Нила (Jonathan Neal)

Ссылки

• Проект на github
• Демонстрация работы
• Стили по умолчанию для IE
• Стили по умолчанию для WebKit
• Стили по умолчанию для Mozilla
• Лицензия Public Domain

CSS Normalize.css