|
|
Objavljeno na 27. 07. 2018 14:49:36
|
|
|
|
Normalize.css je alternativa ponastavitvi CSS. Zagotavlja visoko stopnjo doslednosti med brskalniki pri privzetem slogu HTML elementov. Normalize.css je sodobna, vrhunska alternativa za HTML5 (http://necolas.github.io/normalize.css/）
Tako normalize.css kot reset.css sta slogovna lista za ponastavitev zavihkov brskalnika
Namen ustvarjanja normalize.css je naslednji:
Zaščitite uporabne privzete stile brskalnika namesto da jih popolnoma odstranite
Posplošeni slogi: Na voljo za večino HTML elementov
Popravite lastne napake brskalnika in zagotovite doslednost med brskalniki
Optimizirajte uporabnost CSS: Uporabite nekaj nasvetov
Razložite kodo: uporabite komentarje in podrobno dokumentacijo
Normalize.css podpira širok nabor brskalnikov, vključno z mobilnimi, ter posplošuje elemente HTML5, tipografijo, sezname, vgrajene vsebine, obrazce in tabele. Čeprav je ta projekt osnovan na posploševanju, smo tam, kjer je to primerno, uporabili bolj praktične privzete nastavitve.
Normalizacija proti ponastavitvi
1. Normalize.css Zaščitene vrednostne neplačila
Ponastavitev prisili elemente, da imajo enak vizualni učinek, saj skoraj vsem elementom uvede privzeti slog. Nasprotno pa Normalize.css ohranja številne privzete stile brskalnika. To pomeni, da vam ni več treba preoblikovati vseh običajnih tipografskih elementov. Ko ima element različne privzete nastavitve v različnih brskalnikih, si Normalize.css prizadevati, da so ti slogi dosledni in čim bolj skladni s sodobnimi standardi.
2. Normalize.css Popravljeno napako v brskalniku
Popravlja pogoste hrošče v namiznih in mobilnih brskalnikih. To je pogosto onkraj tega, kar Reset zmore. V zvezi s tem Normalize.css odpravljene težave vključujejo nastavitve prikaza HTML5 elementov, težave z velikostjo pisave pri predformatiranem besedilu, prelivanje SVG v IE9 ter številne napake, povezane z obrazci, ki se pojavljajo v različnih brskalnikih in operacijskih sistemih.
3. Normalize.css To ne bo povzročilo nereda vaših orodij za razhroščevanje
Ena najbolj nadležnih lastnosti uporabe Reset je velika veriga dedovanja v orodju za odpravljanje napak v brskalniku, kot je prikazano na spodnji sliki. V Normalize.css takšnih težav ne bo, saj smo zelo previdni pri uporabi večizbirnikov v naših smernicah in bomo ciljni element oblikovali le namenoma.
4. Normalize.css je modularen
Projekt je razdeljen na povezane, a ločene dele, kar olajša in jasno določa, kateri elementi so nastavljeni na določene vrednosti. To vam omogoča, da selektivno odstranite dele, ki jih nikoli ne boste uporabili (na primer posplošitev oblik).
5. Normalize.css Ima podrobno dokumentacijo
Normalize.css koda temelji na podrobnih in celovitih raziskavah in testiranjih med brskalniki. Ta datoteka vsebuje podrobne opise kode in dodatna navodila na Github Wiki. To pomeni, da lahko ugotovite, kaj natančno počne vsaka vrstica kode, zakaj ste jo napisali, kakšne so razlike med brskalniki, in lažje preizkusite svojo lastno.
Kako uporabljati normalize.css
Najprej namestite ali prenesite Normalize.css z Githuba, nato pa obstajata dva glavna načina uporabe.
Strategija 1: Uporabite normalize.css kot osnovo CSS za svoje projekte in prilagodite slogovne vrednote potrebam oblikovalca.
Strategija 2: Uvozite normalize.css izvorno kodo in gradite na njej, pri čemer po potrebi preglasite privzete nastavitve s svojim CSS-jem.
Prenos CSS datoteke:https://necolas.github.io/normalize.css/8.0.0/normalize.css
|
Prejšnji:C# konzolni program, ki onemogoča gumb za zapiranje, reši popolno rešitevNaslednji:Prosite ljudi iz Taobao, naj program kopirajo v serijah
|
