Normalize.css является альтернативой сбросу CSS. Он обеспечивает высокую степень согласованности между браузерами по стандартному стилю HTML-элементов. Normalize.css — современная, премиальная альтернатива для HTML5 (http://necolas.github.io/normalize.css/）
И normalize.css, и reset.css — это таблицы стилей для сброса вкладок браузера
Цель создания normalize.css следующая:
Защищайте полезные стандартные стили браузера, а не полностью их удаляйте
Обобщённые стили: Предусмотрены для большинства элементов HTML
Исправьте собственные ошибки браузера и обеспечьте согласованность между браузерами
Оптимизируйте удобство использования CSS: используйте несколько советов
Объясните код: используйте комментарии и подробную документацию
Normalize.css поддерживает широкий спектр браузеров, включая мобильные браузеры, и обобщает элементы HTML5, типографику, списки, встроенное содержимое, формы и таблицы. Хотя этот проект основан на обобщениях, мы использовали более практические стандарты, где это уместно.
Нормализация против сброса
1. Normalize.css Защищены ценные дефолты
Reset заставляет элементы иметь одинаковый визуальный эффект, навязывая почти всем элементам стандартный стиль. В отличие от этого, Normalize.css сохраняет многие стандартные стили браузера. Это означает, что вам больше не нужно переписывать все типичные элементы типографики. Когда элемент имеет разные настройки по умолчанию в разных браузерах, Normalize.css стремитесь сохранять эти стили максимально согласованными и соответствующими современным стандартам.
2. Normalize.css Исправлена ошибка в браузере
Он исправляет распространённые ошибки в десктопных и мобильных браузерах. Это часто выходит за рамки возможностей Reset. В этом отношении Normalize.css исправлены проблемы, включая настройки отображения элементов HTML5, проблемы с размером шрифта при предварительно отформатированном тексте, переполнение SVG в IE9 и множество ошибок, связанных с формами, которые встречаются в различных браузерах и операционных системах.
3. Normalize.css Это не заставит ваши инструменты отладки захламлять
Одним из самых раздражающих аспектов использования Reset является большая цепочка наследования в инструменте отладки браузера, как показано на изображении ниже. В Normalize.css такой проблемы не будет, потому что мы очень осторожно используем мультиселекторы в наших рекомендациях и целенаправленно стилизируем только целевую задачу.
4. Normalize.css модульный
Проект разделён на связанные, но отдельные части, что делает его понятным и понятным, какие элементы установлены на определённые значения. Это позволяет избирательно удалять детали, которые вы никогда не используете (например, обобщение форм).
5. Normalize.css Имеет подробную документацию
Normalize.css код основан на детальных и всесторонних исследованиях и тестировании между браузерами. В этом файле есть подробные описания кода и дополнительные инструкции на Github Wiki. Это значит, что вы сможете узнать, что именно делает каждая строка кода, зачем вы её написали, в чём есть различия между браузерами, и сможете легче протестировать свои собственные.
Как использовать normalize.css
Во-первых, установите или скачайте Normalize.css с Github, а затем есть два основных способа его использования.
Стратегия 1: Используйте normalize.css как основу CSS для своих проектов, адаптируя стильные ценности под нужды дизайнера.
Стратегия 2: импортировать исходный код normalize.css и строить на нём, при необходимости переопределяя стандартные настройки своим CSS.
Скачать файл CSS:https://necolas.github.io/normalize.css/8.0.0/normalize.css
|
Опубликовано 27.07.2018 14:49:36
|
|
|
|
