Normalize.css är ett alternativ till CSS-återställning. Den ger en hög grad av konsekvens mellan webbläsare när det gäller standard HTML-elementstil. Normalize.css är ett modernt, premiumalternativ till HTML5 (http://necolas.github.io/normalize.css/）
Både normalize.css och reset.css är stilmallar för att återställa webbläsarflikar
Syftet med att skapa normalize.css är följande:
Skydda användbara webbläsarstandardstilar istället för att ta bort dem helt
Generaliserade stilar: Tillhandahålls för de flesta HTML-element
Åtgärda webbläsarens egna buggar och säkerställa konsekvens mellan webbläsare
Optimera CSS-användbarhet: Använd några tips
Förklara koden: använd kommentarer och detaljerad dokumentation
Normalize.css stöder ett brett utbud av webbläsare, inklusive mobila webbläsare, och generaliserar HTML5-element, typografi, listor, inbäddat innehåll, formulär och tabeller. Även om detta projekt bygger på generaliseringar har vi använt mer praktiska standardinställningar där det är lämpligt.
Normalisera vs Återställ
1. Normalize.css Skyddade värdefulla betalningsinställelser
Reset tvingar element att ha samma visuella effekt genom att införa en standardstil på nästan alla element. I kontrast behåller Normalize.css många av standardstilarna för webbläsare. Det innebär att du inte längre behöver omstyla alla vanliga typografielement. När ett element har olika standardinställningar i olika webbläsare strävar Normalize.css efter att hålla dessa stilar konsekventa och så konsekventa som möjligt med moderna standarder.
2. Normalize.css Fixade en bugg i webbläsaren
Den åtgärdar vanliga buggar i både stationära och mobila webbläsare. Detta är ofta bortom vad Reset kan göra. I detta avseende är de problem Normalize.css åtgärdade visningsinställningarna för HTML5-element, teckenstorleksproblem med förformaterad text, SVG-överflöd i IE9 och många formulärrelaterade buggar som förekommer i olika webbläsare och operativsystem.
3. Normalize.css Det kommer inte att göra dina felsökningsverktyg röriga
En av de mest irriterande aspekterna med att använda Reset är den stora arvskedjan i webbläsarens felsökningsverktyg, som visas på bilden nedan. Det kommer inte att finnas något sådant problem i Normalize.css, eftersom vi är mycket noggranna med användningen av multi-selectorer i våra riktlinjer, och vi kommer endast att styla målelementet medvetet.
4. Normalize.css är modulär
Projektet har delats upp i relaterade men separata delar, vilket gör det enkelt och tydligt vilka element som är satta till specifika värden. Detta gör att du selektivt kan ta bort delar som du aldrig kommer att använda (som generalisering av former).
5. Normalize.css Har detaljerad dokumentation
Normalize.css koden baseras på detaljerad och omfattande webbläsaroberoende forskning och testning. Denna fil innehåller detaljerade kodbeskrivningar och ytterligare instruktioner på Github Wiki. Det betyder att du kan ta reda på exakt vad varje kodrad gör, varför du skrev den, skillnaderna mellan webbläsare, och du kan testa din egen enklare.
Hur man använder normalize.css
För det första, installera eller ladda ner Normalize.css från Github, och sedan finns det två huvudsakliga sätt att använda det.
Strategi 1: Använd normalize.css som grund för CSS för dina egna projekt och anpassa stilvärden efter designerns behov.
Strategi 2: Importera normalize.css källkod och bygg ovanpå den, och överskrid standardinställningarna med din egen CSS när det behövs.
CSS-filnedladdning:https://necolas.github.io/normalize.css/8.0.0/normalize.css
|
Publicerad på 2018-07-27 14:49:36
|
|
|
|
