Ich habe Code mit ungeordneten Listen in HTML auf JSFiddle versucht, und ich war irritiert, als ich herausfand, dass die Kugeln in <ul> aus keinem ersichtlichen Grund angezeigt werden. Als ich verschiedene Dinge in meinem Code ausprobierte, wurde mir klar, dass ich die Option 'normalized css' auf der jfiddle-Seite deaktivieren musste.
Danach habe ich gegoogelt, was es wirklich war und diese Seite von W3C gelesen. org. Diese Seite spricht nur von Diakritika und Akzenten, ich verstehe es. Aber warum wurden die Kugeln nicht mit der normalisierten CSS-Option angezeigt? Welche anderen Dinge sind davon betroffen, wenn Sie diese Option auswählen?
Danke, dass Sie reinschauen.
Normalisieren CSS versucht die Unterschiede zwischen Browsern beim Rendern von HTML-Elementen auszugleichen. Viele Browser haben "Voreinstellungen": p und h -Elemente haben vertikale Ränder, Listen haben auch einige Ränder und Abstände. em und strong -Tags sind fett gedruckt.
Alle diese Voreinstellungen werden zurückgesetzt, sodass Sie in allen Browsern eine konsistente Arbeitsbasis haben.
JSFidgles normalize.css sieht so aus:
%Vor% Der Sinn des Normalisierens von CSS ist umstritten, da Sie jeden Stil manuell in Ihrem Stylesheet deklarieren müssen (selbst diejenigen Voreinstellungen, die sinnvoll sind, zB ein einfacher font-weight für die behandelten em und strong -Tags) gleichermaßen von den Browsern).
Ich habe Eric Meyers Reset für einige Zeit verwendet, aber ich habe es nicht mehr verwendet, da es viel zu viele zurückgesetzt hat Stile, die erneut redeklariert werden mussten. Es war es nicht wert IMO.
Für einen REAL good style-normalizer werfen Sie einen Blick auf die style.css von Ссылка .
>Normalize.css ist ein bekanntes Reset-Stylesheet , das verwendet wird, um einige Basisstile in Browsern als Grund für die Entwicklung auszurichten.
Einige Entwickler finden es überflüssig oder bevorzugen es, eigene Reset-Stylesheets zu verwenden. Viele vorgefertigte Reset-Skripte sind verfügbar, darunter die berühmte Eric Mayer reset.css (verwendet von < a href="http://www.blueprintcss.org/"> BluePrint ) und YUI2's Stylesheet .
Siehe auch hier einen Eintrag auf SO mit dem besten CSS-Reset und ein best-of-collection von Reset-Stylesheets.
"Normalisierung" im Sinne von jsfiddle bedeutet, eine Reihe von CSS-Regeln anzuwenden, die angeblich Dinge bereinigen sollen. Es wird häufiger "CSS-Reset" genannt, und es ist eine umstrittene Technik. Es ist wichtig zu wissen, dass beim Überschreiben der Browser-Standardeinstellungen auch das Standard-Rendering, das seit dem Anbruch des Webs vorhanden ist, überschrieben wird, z. B. der obere und untere Standardrand und einige Einrückungen für ul elements und die Standardlistenmarkierungen (Kugeln). Dies hängt von der besonderen "Normalisierung" des Stylesheets, seiner Aggressivität, ab.
Die auf der erwähnten W3C-Seite beschriebene Normalisierung hat damit nichts zu tun. Es befasst sich mit Unicode-Normalisierung von Zeichen, etwas, das (wenn es passiert) auf der Zeichenebene, ein relativ theoretisches Problem.
Normalisieren wird verwendet, um Browser-CSS zu löschen. Jeder Browser hat seine eigene Eigenschaft für jedes DOM-Element, und diese Eigenschaft ändert den Browser in den Browser.
%Vor%Tags und Links html css normalization jsfiddle normalize-css