Heim > Web-Frontend > CSS-Tutorial > Welche Dateien werden normalisiert bzw. CSS zurückgesetzt? Was ist der Unterschied?

Welche Dateien werden normalisiert bzw. CSS zurückgesetzt? Was ist der Unterschied?

藏色散人
Freigeben: 2021-10-26 17:22:36
nach vorne
2357 Leute haben es durchsucht

Welche Dateien werden normalisiert bzw. CSS zurückgesetzt? Was ist der Unterschied?

Der Unterschied zwischen Normalize und CSS-Reset:

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

Das obige ist der detaillierte Inhalt vonWelche Dateien werden normalisiert bzw. CSS zurückgesetzt? Was ist der Unterschied?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:segmentfault.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage