Normalize.css je alternatívou k resetu CSS. Poskytuje vysokú mieru konzistencie naprieč prehliadačmi na predvolenom HTML štýle prvku. Normalize.css je moderná, prémiová alternatíva pre HTML5 (http://necolas.github.io/normalize.css/）
normalize.css aj reset.css sú štýlové listy na resetovanie záložiek prehliadača
Účel vytvorenia normalize.css je nasledovný:
Chráňte užitočné predvolené štýly prehliadača namiesto ich úplného odstraňovania
Generalizované štýly: Poskytované pre väčšinu HTML prvkov
Opravte chyby prehliadača a zabezpečte konzistentnosť medzi prehliadačmi
Optimalizujte použiteľnosť CSS: Použite niekoľko tipov
Vysvetlite kód: použite komentáre a podrobnú dokumentáciu
Normalize.css podporuje širokú škálu prehliadačov, vrátane mobilných prehliadačov, a generalizuje prvky HTML5, typografiu, zoznamy, vložený obsah, formuláre a tabuľky. Hoci je tento projekt založený na generalizácii, použili sme praktickejšie predvolené metódy tam, kde to bolo vhodné.
Normalizovať vs Reset
1. Normalize.css Chránené hodnotné nesplácanie
Reset núti prvky mať rovnaký vizuálny efekt tým, že takmer všetkým prvkom ukladá predvolený štýl. Naopak, Normalize.css si zachováva mnohé predvolené štýly prehliadača. To znamená, že už nemusíte pretvarovať všetky bežné typografické prvky. Keď má prvok rôzne predvolené nastavenia v rôznych prehliadačoch, Normalize.css snažiť sa udržať tieto štýly konzistentné a čo najviac konzistentné s modernými štandardmi.
2. Normalize.css Opravená chyba v prehliadači
Opravuje bežné chyby v desktopových a mobilných prehliadačoch. To je často nad rámec toho, čo Reset dokáže. V tomto ohľade Normalize.css opravené problémy vrátane nastavení zobrazenia HTML5 prvkov, problémov s veľkosťou písma pri predformátovanom texte, pretečenia SVG v IE9 a mnohých chýb súvisiacich s formulármi, ktoré sa objavujú v rôznych prehliadačoch a operačných systémoch.
3. Normalize.css Nebude to preplnené vaše ladiace nástroje
Jedným z najotravnejších aspektov používania Resetu je veľký reťazec dedičnosti v nástroji na ladenie prehliadača, ako je znázornené na obrázku nižšie. V Normalize.css takýto problém nebude, pretože sme veľmi opatrní pri používaní multi-selektorov v našich usmerneniach a cieľový prvok budeme štýlovať len zámerne.
4. Normalize.css je modulárny
Projekt bol rozdelený na prepojené, ale samostatné časti, čo uľahčuje a jasne ukazuje, ktoré prvky sú nastavené na konkrétne hodnoty. To vám umožňuje selektívne odstrániť časti, ktoré nikdy nepoužijete (napríklad zovšeobecnenie foriem).
5. Normalize.css Má podrobnú dokumentáciu
Normalize.css kód je založený na podrobnom a komplexnom výskume a testovaní naprieč prehliadačmi. Tento súbor obsahuje podrobné popisy kódu a ďalšie inštrukcie na Github Wiki. To znamená, že môžete zistiť, čo presne robí každý riadok kódu, prečo ste ho napísali, aké sú rozdiely medzi prehliadačmi a môžete si svoj vlastný jednoduchšie otestovať.
Ako používať normalize.css
Najprv nainštalujte alebo stiahnite Normalize.css z Githubu, a potom existujú dva hlavné spôsoby, ako ho využiť.
Stratégia 1: Použite normalize.css ako základný CSS pre vlastné projekty, prispôsobujte štýlové hodnoty potrebám dizajnéra.
Stratégia 2: Importujte normalize.css zdrojový kód a stavajte na ňom, pričom predvolené nastavenia prepíšte vlastným CSS, keď je to potrebné.
Stiahnutie CSS súboru:https://necolas.github.io/normalize.css/8.0.0/normalize.css
|
Zverejnené 27. 7. 2018 14:49:36
|
|
|
|
