|
|
Paskelbta 2018-07-27 14:49:36
|
|
|
|
Normalize.css yra alternatyva CSS atstatymui. Tai užtikrina aukštą nuoseklumą visose naršyklėse pagal numatytąjį HTML elemento stilių. Normalize.css yra moderni, aukščiausios kokybės HTML5 alternatyva (http://necolas.github.io/normalize.css/）
Tiek normalize.css, tiek reset.css yra stiliaus lapai, skirti naršyklės skirtukams iš naujo nustatyti
normalize.css kūrimo tikslas yra toks:
Apsaugokite naudingus naršyklės numatytuosius stilius, užuot juos visiškai pašalinę
Apibendrinti stiliai: pateikiami daugumai HTML elementų
Ištaisykite pačios naršyklės klaidas ir užtikrinkite nuoseklumą visose naršyklėse
Optimizuokite CSS patogumą: pasinaudokite keliais patarimais
Paaiškinkite kodą: naudokite komentarus ir išsamią dokumentaciją
Normalize.css palaiko daugybę naršyklių, įskaitant mobiliąsias naršykles, ir apibendrina HTML5 elementus, tipografiją, sąrašus, įterptą turinį, formas ir lenteles. Nors šis projektas yra pagrįstas apibendrinimu, mes naudojome daugiau praktinių numatytųjų nustatymų, kur reikia.
Normalizuoti ir atstatyti
1. Normalize.css Apsaugoti vertingi įsipareigojimų nevykdymas
Atstatymas priverčia elementus turėti tą patį vizualinį efektą, nustatant numatytąjį stilių beveik visiems elementams. Priešingai, Normalize.css išlaiko daugelį numatytųjų naršyklės stilių. Tai reiškia, kad jums nebereikia keisti visų įprastų tipografijos elementų. Kai elementas skirtingose naršyklėse turi skirtingus numatytuosius nustatymus, Normalize.css stengiasi, kad šie stiliai būtų nuoseklūs ir kuo labiau atitiktų šiuolaikinius standartus.
2. Normalize.css Ištaisyta naršyklės klaida
Tai ištaiso įprastas klaidas stalinių kompiuterių ir mobiliųjų įrenginių naršyklėse. Tai dažnai viršija tai, ką gali padaryti "Reset". Šiuo atžvilgiu problemos, kurias Normalize.css išspręsti, apima HTML5 elementų rodymo nustatymus, šrifto dydžio problemas su iš anksto suformatuotu tekstu, SVG perpildymą IE9 ir daugybę su forma susijusių klaidų, atsirandančių įvairiose naršyklėse ir operacinėse sistemose.
3. Normalize.css Tai nepadarys jūsų derinimo įrankių netvarkingų
Vienas iš labiausiai erzinančių "Reset" naudojimo aspektų yra didelė paveldėjimo grandinė naršyklės derinimo įrankyje, kaip parodyta paveikslėlyje žemiau. Tokios problemos Normalize.css nebus, nes mes labai atsargiai naudojame kryptinius valdiklius savo gairėse ir tikslingai formuosime tikslinį elementą.
4. Normalize.css yra modulinis
Projektas buvo padalintas į susijusias, bet atskiras dalis, todėl lengva ir aišku, kuriems elementams nustatytos konkrečios vertės. Tai leidžia pasirinktinai pašalinti dalis, kurių niekada nenaudosite (pvz., formų apibendrinimą).
5. Normalize.css Turi išsamią dokumentaciją
Normalize.css kodas pagrįstas išsamiais ir išsamiais kelių naršyklių tyrimais ir testavimu. Šiame faile yra išsamūs kodų aprašymai ir tolesnės instrukcijos Github Wiki. Tai reiškia, kad galite sužinoti, ką tiksliai veikia kiekviena kodo eilutė, kodėl ją parašėte, skirtumus tarp naršyklių ir lengviau išbandyti savo.
Kaip naudotis normalize.css
Pirmiausia įdiekite arba atsisiųskite Normalize.css iš "Github", tada yra du pagrindiniai jo naudojimo būdai.
1 strategija: Naudokite normalize.css kaip pagrindą savo projektams, pritaikydami stiliaus reikšmes pagal dizainerio poreikius.
2 strategija: importuokite normalize.css šaltinio kodą ir kurkite ant jo, prireikus nepaisydami numatytųjų nustatymų naudodami savo CSS.
CSS failo atsisiuntimas:https://necolas.github.io/normalize.css/8.0.0/normalize.css
|
Ankstesnis:C# konsolės programa, išjungianti uždarymo mygtuką, puikiai išsprendžiaKitą:Paprašykite Taobao žmonių nukopijuoti programą partijomis
|
