Normalize.css er et alternativ til CSS-reset. Den gir høy grad av konsistens på tvers av nettlesere når det gjelder standard HTML-elementstil. Normalize.css er et moderne, premium alternativ til HTML5 (http://necolas.github.io/normalize.css/）
Både normalize.css og reset.css er stilark for å tilbakestille nettleserfaner
Formålet med å lage normalize.css er som følger:
Beskytt nyttige nettleserstandardstiler i stedet for å fjerne dem helt
Generaliserte stiler: Tilbys for de fleste HTML-elementer
Fiks nettleserens egne feil og sørg for konsistens på tvers av nettlesere
Optimaliser CSS-brukervennlighet: Bruk noen tips
Forklar koden: bruk kommentarer og detaljert dokumentasjon
Normalize.css støtter et bredt spekter av nettlesere, inkludert mobilnettlesere, og generaliserer HTML5-elementer, typografi, lister, innebygd innhold, skjemaer og tabeller. Selv om dette prosjektet er basert på generalisering, har vi brukt mer praktiske standardinnstillinger der det er hensiktsmessig.
Normaliser vs Reset
1. Normalize.css Beskyttede verdifulle mislighold
Reset tvinger elementene til å ha samme visuelle effekt ved å påtvinge nesten alle elementene en standardstil. I kontrast beholder Normalize.css mange av standardstilene i nettleseren. Dette betyr at du ikke lenger trenger å restyle alle vanlige typografielementer. Når et element har ulike standardinnstillinger i ulike nettlesere, prøver Normalize.css å holde disse stilene konsistente og så konsistente som mulig med moderne standarder.
2. Normalize.css Fikset en feil i nettleseren
Den fikser vanlige feil i nettlesere på både desktop og mobil. Dette er ofte utenfor det Reset kan gjøre. I denne sammenhengen inkluderer problemene Normalize.css rettet visningsinnstillinger for HTML5-elementer, skriftstørrelsesproblemer med forhåndsformatert tekst, SVG-overløp i IE9, og mange skjemarelaterte feil som oppstår i ulike nettlesere og operativsystemer.
3. Normalize.css Det vil ikke gjøre feilsøkingsverktøyene dine rotete
En av de mest irriterende aspektene ved å bruke Reset er den store arvekjeden i nettleserens feilsøkingsverktøy, som vist på bildet under. Det vil ikke være noe slikt problem i Normalize.css, fordi vi er svært nøye med bruken av multi-selectorer i våre retningslinjer, og vi vil kun style målelementet med vilje.
4. Normalize.css er modulær
Prosjektet er delt opp i relaterte, men separate deler, noe som gjør det enkelt og tydelig hvilke elementer som settes til spesifikke verdier. Dette lar deg selektivt fjerne deler du aldri vil bruke (for eksempel generalisering av former).
5. Normalize.css Har detaljert dokumentasjon
Normalize.css koden er basert på detaljert og omfattende forskning og testing på tvers av nettlesere. Denne filen har detaljerte kodebeskrivelser og videre instruksjoner på Github Wiki. Dette betyr at du kan finne ut nøyaktig hva hver kodelinje gjør, hvorfor du skrev den, forskjellene mellom nettlesere, og du kan teste din egen enklere.
Hvordan bruke normalize.css
Først, installer eller last ned Normalize.css fra Github, og så finnes det to hovedmåter å bruke det på.
Strategi 1: Bruk normalize.css som grunnlag for CSS for dine egne prosjekter, og tilpass stilverdier etter designerens behov.
Strategi 2: Importer kildekoden normalize.css og bygg oppå den, og overstyr standardinnstillingene med din egen CSS når det er nødvendig.
CSS-filnedlasting:https://necolas.github.io/normalize.css/8.0.0/normalize.css
|
Publisert på 27.07.2018 14:49:36
|
|
|
|
