|
|
Opslået på 27/07/2018 14.49.36
|
|
|
|
Normalize.css er et alternativ til CSS-reset. Det giver en høj grad af konsistens på tværs af browsere i 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 stylesheets til at nulstille browserfaner
Formålet med at skabe normalize.css er som følger:
Beskyt brugbare browserstandardstilarter i stedet for at fjerne dem helt
Generaliserede stilarter: Leveret for de fleste HTML-elementer
Ret browserens egne fejl og sørg for konsistens på tværs af browsere
Optimer CSS-brugervenlighed: Brug nogle få tips
Forklar koden: brug kommentarer og detaljeret dokumentation
Normalize.css understøtter et bredt udvalg af browsere, herunder mobile browsere, og generaliserer HTML5-elementer, typografi, lister, indlejret indhold, formularer og tabeller. Selvom dette projekt er baseret på generalisering, har vi brugt mere praktiske standarder, hvor det var relevant.
Normaliser vs nulstiller
1. Normalize.css Beskyttede værdifulde misligholdelser
Reset tvinger elementer til at have samme visuelle effekt ved at påtvinge næsten alle elementer en standardstil. Til sammenligning vedligeholder Normalize.css mange af standardbrowserstilene. Det betyder, at du ikke længere behøver at omstyle alle almindelige typografielementer. Når et element har forskellige standardindstillinger i forskellige browsere, bestræber Normalize.css sig på at holde disse stilarter konsistente og så konsistente som muligt med moderne standarder.
2. Normalize.css Rettet en fejl i browseren
Den retter almindelige fejl i desktop- og mobilbrowsere. Dette er ofte ud over, hvad Reset kan gøre. I denne forbindelse omfatter de problemer, der Normalize.css rettet, visningsindstillinger for HTML5-elementer, skriftstørrelsesproblemer med forudformateret tekst, SVG-overflow i IE9 og mange formularrelaterede fejl, der optræder i forskellige browsere og operativsystemer.
3. Normalize.css Det vil ikke gøre dine fejlsøgningsværktøjer rodede
En af de mest irriterende aspekter ved at bruge Reset er den store arvekæde i browserens fejlfindingsværktøj, som vist på billedet nedenfor. Der vil ikke være et sådant problem i Normalize.css, fordi vi er meget omhyggelige med brugen af multi-selectorer i vores retningslinjer, og vi vil kun designe målelementet bevidst.
4. Normalize.css er modulær
Projektet er blevet opdelt i beslægtede, men separate dele, hvilket gør det nemt og klart, hvilke elementer der er sat til specifikke værdier. Dette giver dig mulighed for selektivt at fjerne dele, du aldrig vil bruge (såsom generalisering af former).
5. Normalize.css Har detaljeret dokumentation
Normalize.css kode er baseret på detaljeret og omfattende tværbrowserforskning og testning. Denne fil indeholder detaljerede kodebeskrivelser og yderligere instruktioner på Github Wiki. Det betyder, at du kan finde ud af, hvad hver linje kode præcist gør, hvorfor du skrev den, forskellene mellem browsere, og du kan teste din egen mere nemmere.
Sådan bruger man normalize.css
Først installerer eller downloader Normalize.css fra Github, og så er der to hovedmåder at bruge det på.
Strategi 1: Brug normalize.css som fundament for CSS for dine egne projekter og tilpas stilværdier til designerens behov.
Strategi 2: Importer normalize.css kildekode og byg ovenpå den, og overtag standardindstillingerne med din egen CSS, når det er nødvendigt.
CSS-fil-download:https://necolas.github.io/normalize.css/8.0.0/normalize.css
|
Tidligere:C# konsolprogram, der deaktiverer luk-knappen, løser perfektNæste:Bed Taobao-folk om at kopiere programmet i batches
|
