Normalize.css je alternativou k resetu CSS. Poskytuje vysokou míru konzistence napříč prohlížeči na výchozím HTML stylu. Normalize.css je moderní, prémiová alternativa pro HTML5 (http://necolas.github.io/normalize.css/）
Obě normalize.css i reset.css jsou stylové listy pro resetování záložek prohlížeče
Účelem vytvoření normalize.css je následující:
Chraňte užitečné výchozí styly prohlížeče místo jejich úplného odstraňování
Obecné styly: Poskytnuty pro většinu HTML prvků
Opravte chyby prohlížeče a zajistěte konzistenci napříč prohlížeči
Optimalizujte použitelnost CSS: Použijte několik tipů
Vysvětlete kód: použijte komentáře a podrobnou dokumentaci
Normalize.css podporuje širokou škálu prohlížečů, včetně mobilních, a zobecňuje prvky HTML5, typografii, seznamy, vložený obsah, formuláře a tabulky. Ačkoliv je tento projekt založen na zobecnění, použili jsme praktičtější výchozí nastavení tam, kde to bylo vhodné.
Normalizovat vs Reset
1. Normalize.css Chráněné hodnotné nesplácení
Reset nutí prvky, aby měly stejný vizuální efekt tím, že téměř všem prvkům ukládá výchozí styl. Naopak Normalize.css zachovává mnoho výchozích stylů prohlížeče. To znamená, že už nemusíte přepracovávat všechny běžné typografické prvky. Když má element v různých prohlížečích různé výchozí nastavení, snažit Normalize.css se udržet tyto styly konzistentní a co nejvíce konzistentní s moderními standardy.
2. Normalize.css Opraven bug v prohlížeči
Opravuje běžné chyby v desktopových i mobilních prohlížečích. To je často nad rámec toho, co Reset dokáže. V tomto ohledu Normalize.css opravené problémy zahrnovaly nastavení zobrazení prvků HTML5, problémy s velikostí písma u předformátovaného textu, přetečení SVG v IE9 a mnoho chyb souvisejících s formuláři, které se objevují v různých prohlížečích a operačních systémech.
3. Normalize.css Nebude to rušit vaše ladicí nástroje
Jedním z nejotravnějších aspektů používání Resetu je velký dědičný řetězec v ladicím nástroji prohlížeče, jak je vidět na obrázku níže. V Normalize.css takový problém nebude, protože jsme velmi opatrní při používání multi-selectorů v našich pokynech a cílový prvek budeme stylizovat pouze záměrně.
4. Normalize.css je modulární
Projekt byl rozdělen na související, ale samostatné části, což usnadňuje a jasně ukazuje, které prvky jsou nastaveny na konkrétní hodnoty. To vám umožní selektivně odstranit části, které nikdy nepoužijete (například zobecnění forem).
5. Normalize.css Má podrobnou dokumentaci
Normalize.css kód je založen na podrobném a komplexním výzkumu a testování napříč prohlížeči. Tento soubor obsahuje podrobné popisy kódu a další instrukce na Github Wiki. To znamená, že můžete zjistit, co přesně každý řádek kódu dělá, proč jste ho napsali, jaké jsou rozdíly mezi prohlížeči, a můžete si svůj vlastní kód snadněji vyzkoušet.
Jak používat normalize.css
Nejprve Normalize.css nainstalovat nebo stáhnout z Githubu, a pak jsou dva hlavní způsoby, jak to využít.
Strategie 1: Použijte normalize.css jako základní CSS pro své vlastní projekty a přizpůsobte stylové hodnoty potřebám designéra.
Strategie 2: Importovat normalize.css zdrojový kód a stavět na něm, přičemž výchozí hodnoty přepisujte vlastním CSS, když je to potřeba.
Stažení CSS souboru:https://necolas.github.io/normalize.css/8.0.0/normalize.css
|
Zveřejněno 27.07.2018 14:49:36
|
|
|
|
