|
|
Postitatud 27.07.2018 14:49:36
|
|
|
|
Normalize.css on alternatiiv CSS-i lähtestamisele. See tagab kõrge järjepidevuse brauserite vahel vaikimisi HTML-elementide stiilis. Normalize.css on kaasaegne ja premium-klassiline alternatiiv HTML5-le (http://necolas.github.io/normalize.css/）
Nii normalize.css kui ka reset.css on stiililehed brauseri vahelehtede lähtestamiseks.
normalize.css loomise eesmärk on järgmine:
Kaitske kasulikke brauseri vaikestiile, mitte eemaldage need täielikult
Üldistatud stiilid: Enamiku HTML-elementide jaoks
Paranda brauseri enda vead ja taga järjepidevus erinevate brauserite vahel
CSS-i kasutamise optimeerimine: Kasuta mõnda nõuannet
Selgita koodi: kasuta kommentaare ja detailset dokumentatsiooni
Normalize.css toetab laia valikut brausereid, sealhulgas mobiilibrausereid, ning üldistab HTML5 elemente, tüpograafiat, loendeid, manustatud sisu, vorme ja tabeleid. Kuigi see projekt põhineb üldistusel, oleme vajadusel kasutanud praktilisemaid vaikimisi lahendusi.
Normaliseerimine vs Lähtestamine
1. Normalize.css Kaitstud väärtuslikud maksejõuetused
Lähtestamine sunnib elemente omama sama visuaalset efekti, kehtestades peaaegu kõigile elementidele vaikimisi stiili. Vastupidiselt säilitab Normalize.css paljud vaikimisi brauseristiilid. See tähendab, et sa ei pea enam kõiki tavalisi tüpograafilisi elemente ümber kujundama. Kui elemendil on erinevates brauserites erinevad vaikeseaded, püüame Normalize.css hoida need stiilid ühtsena ja võimalikult kooskõlas kaasaegsete standarditega.
2. Normalize.css Parandatud brauseri viga
See parandab levinud vigu lauaarvutis ja mobiilibrauserites. See on tihti Reset võimete piiridest väljas. Selles osas Normalize.css parandatud probleemid HTML5 elementide kuvaseaded, eelvormindatud teksti fondisuuruse probleemid, IE9 SVG üleküllus ning paljud vormiga seotud vead, mis esinevad erinevates brauserites ja operatsioonisüsteemides.
3. Normalize.css See ei muuda silumisvahendeid segaseks
Üks kõige tüütumaid aspekte Reset'i kasutamisel on brauseri silumistööriista suur pärandiahel, nagu alloleval pildil näha. Normalize.css. aastal sellist probleemi ei ole, sest oleme juhistes multi-selectorite kasutamisel väga ettevaatlikud ja kujundame sihtelemendi ainult sihipäraselt.
4. Normalize.css on modulaarne
Projekt on jagatud omavahel seotud, kuid eraldi osadeks, mis teeb lihtsaks ja selgeks, millised elemendid on määratud kindlatele väärtustele. See võimaldab sul valikuliselt eemaldada osi, mida sa kunagi ei kasuta (näiteks vormide üldistamine).
5. Normalize.css Sisaldab üksikasjalikku dokumentatsiooni
Normalize.css kood põhineb põhjalikul ja põhjalikul brauseriteülesel uurimisel ja testimisel. Selles failis on üksikasjalikud koodikirjeldused ja täiendavad juhised Githubi vikis. See tähendab, et saad täpselt teada, mida iga koodirida teeb, miks sa selle kirjutasid, millised on brauserite erinevused ning saad oma koodi lihtsamalt testida.
Kuidas kasutada normalize.css
Esiteks paigalda või laadi Normalize.css alla Githubist, ja siis on kaks peamist viisi selle kasutamiseks.
Strateegia 1: Kasuta normalize.css oma projektide aluseks CSS-iks, kohandades stiiliväärtusi vastavalt disaineri vajadustele.
Strateegia 2: Impordi normalize.css lähtekood ja ehita selle peale, vajadusel oma CSS-iga vaikimisi üle kirjutades.
CSS-faili allalaadimine:https://necolas.github.io/normalize.css/8.0.0/normalize.css
|
Eelmine:C# konsooliprogramm, mis sulgemisnupu välja lülitab, lahendab ideaalseltJärgmine:Paluge Taobao inimestel programmi partiidena kopeerida
|
