Normalize.css ist nur eine kleine CSS-Datei. Im Vergleich zum herkömmlichen CSS-Reset ist Normalize.css eine moderne, für HTML5-Qualität vorbereitete Alternative. Mit anderen Worten: Normalize.css ist eine Alternative zum CSS-Reset.
Normalize.css schützt wertvolle Standardeinstellungen.
Reset erzwingt, dass die Elemente den gleichen visuellen Effekt haben, indem Standardstile auf fast alle Elemente angewendet werden. Im Gegensatz dazu behält Normalize.css viele lästige Browserstile bei. Das bedeutet, dass Sie nicht mehr alle gängigen Typografieelemente neu formatieren müssen. Wenn ein Element in verschiedenen Browsern unterschiedliche Standardwerte hat, ist Normalize.css bestrebt, diese Stile so weit wie möglich konsistent und im Einklang mit modernen Standards zu halten.
Normalize.css behebt Browserfehler
Es behebt häufige Fehler in Desktop- und mobilen Browsern. Dies übersteigt oft die Möglichkeiten von Reset. Zu den von Normalize.css behobenen Problemen gehören die Anzeigeeinstellungen von HTML5-Elementen, Probleme mit der Schriftgröße bei vorformatiertem Text, SVG-Überlauf in IE9 und viele formularbezogene Probleme, die in verschiedenen Browsern und Betriebssystemen auftreten.
Normalize.css wird Ihre Debugging-Tools nicht überladen
Der problematischste Teil der Verwendung von Reset ist die große Vererbungskette in den Browser-Debugging-Tools, die in Normalize.css nicht vorhanden ist. Dies ist ein Problem, weil in unseren Richtlinien Wir verwenden mehrere Selektoren sehr sparsam und formatieren das Zielelement nur gezielt.
Normalize.css ist modular
Dieses Projekt wurde in mehrere verwandte, aber unabhängige Teile aufgeteilt, sodass Sie leicht und klar erkennen können, welche Elemente auf bestimmte Werte eingestellt sind. Dadurch können Sie gezielt Teile Ihrer Anwendung entfernen, die Sie nie verwenden werden (z. B. die Verallgemeinerung von Formularen).
Normalize.css verfügt über eine detaillierte Dokumentation
Der Code von Normalize.css basiert auf detaillierten und umfassenden browserübergreifenden Recherchen und Tests. Detaillierte Codebeschreibungen finden Sie in dieser Datei und werden im Github-Wiki näher erläutert. Dies bedeutet, dass Sie genau herausfinden können, was jede Codezeile bewirkt, warum sie geschrieben wurde, welche Unterschiede zwischen den Browsern bestehen und Ihre eigenen Tests einfacher durchführen können.
Empfohlenes Lernen: „CSS-Video-Tutorial“