|
|
Veröffentlicht am 27.07.2018 14:49:36
|
|
|
|
Normalize.css ist eine Alternative zum CSS-Reset. Es bietet ein hohes Maß an Konsistenz zwischen Browsern beim Standard-HTML-Elementstil. Normalize.css ist eine moderne, hochwertige Alternative zu HTML5 (http://necolas.github.io/normalize.css/）
Sowohl normalize.css als auch reset.css sind Stylesheets zum Zurücksetzen von Browser-Tabs
Der Zweck der Erstellung normalize.css ist wie folgt:
Schütze nützliche Browser-Standardstile, anstatt sie komplett zu entfernen
Generalisierte Stile: Bereitgestellt für die meisten HTML-Elemente
Beheben Sie die eigenen Fehler des Browsers und sorgen Sie für Konsistenz zwischen den Browsern
Optimieren Sie die CSS-Usability: Nutzen Sie ein paar Tipps
Erklären Sie den Code: Verwenden Sie Kommentare und detaillierte Dokumentation
Normalize.css unterstützt eine breite Palette von Browsern, einschließlich mobiler Browser, und verallgemeinert HTML5-Elemente, Typografie, Listen, eingebettete Inhalte, Formulare und Tabellen. Obwohl dieses Projekt auf Verallgemeinerungen basiert, haben wir dort, wo angebracht, praktischere Standardwerte verwendet.
Normalisieren vs. Zurücksetzen
1. Normalize.css Geschützte wertvolle Zahlungsausfälle
Reset erzwingt Elemente, denselben visuellen Effekt zu erzielen, indem es fast allen Elementen einen Standard-Stil auferlegt. Im Gegensatz dazu behält Normalize.css viele der Standard-Browserstile bei. Das bedeutet, dass Sie nicht mehr alle gängigen typografischen Elemente neu gestalten müssen. Wenn ein Element in verschiedenen Browsern unterschiedliche Standardeinstellungen hat, bemühen Normalize.css, diese Stile konsistent und so konsistent wie möglich mit modernen Standards zu halten.
2. Normalize.css Einen Fehler im Browser behoben
Es behebt häufige Fehler in Desktop- und mobilen Browsern. Das geht oft über das hinaus, was Reset leisten kann. In diesem Zusammenhang Normalize.css behobene Probleme die Anzeigeeinstellungen von HTML5-Elementen, Schriftgrößenprobleme mit vorformatiertem Text, SVG-Überlauf in IE9 und viele formularbezogene Fehler, die in verschiedenen Browsern und Betriebssystemen auftreten.
3. Normalize.css Es wird deine Debugging-Tools nicht überladen machen
Einer der nervigsten Aspekte bei der Verwendung von Reset ist die große Vererbungskette im Debugging-Tool des Browsers, wie im untenstehenden Bild gezeigt. In Normalize.css wird es kein solches Problem geben, da wir bei der Verwendung von Multi-Selektoren in unseren Richtlinien sehr sorgfältig sind und das Zielelement nur gezielt gestalten.
4. Normalize.css ist modular
Das Projekt wurde in verwandte, aber getrennte Teile aufgeteilt, was es einfach und klar macht, welche Elemente auf bestimmte Werte gesetzt sind. Dadurch können Sie selektiv Teile entfernen, die Sie nie verwenden werden (wie zum Beispiel die Verallgemeinerung von Formen).
5. Normalize.css Verfügt über detaillierte Dokumentation
Normalize.css Code basiert auf detaillierter und umfassender browserübergreifender Forschung und Tests. Diese Datei enthält detaillierte Codebeschreibungen und weitere Anweisungen im Github Wiki. Das bedeutet, dass du herausfinden kannst, was genau jede Codezeile macht, warum du sie geschrieben hast, welche Unterschiede zwischen den Browsern sind und du deinen eigenen Code leichter testen kannst.
Wie man normalize.css
Zuerst installiere oder lade Normalize.css von Github herunter, und dann gibt es zwei Hauptmöglichkeiten, es zu nutzen.
Strategie 1: Nutzen Sie normalize.css als Grundlage für Ihre eigenen Projekte und passen Sie die Stilwerte an die Bedürfnisse des Designers an.
Strategie 2: Importiere normalize.css Quellcode und baue darauf auf, wobei du die Standardwerte bei Bedarf mit deinem eigenen CSS überschreibst.
CSS-Datei-Download:https://necolas.github.io/normalize.css/8.0.0/normalize.css
|
Vorhergehend:C#-Konsolenprogramm, das den Schließknopf deaktiviert, löst einwandfreiNächster:Bitten Sie die Taobao-Leute, das Programm in Chargen zu kopieren
|
