Normalize.css е алтернатива на CSS reset. Той осигурява висока степен на консистентност между браузърите по стандартния 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 ч.
|
|
|
|
