Standard-CSS von Browsern für HTML-Elemente: Eine umfassende Anleitung
Browser weisen HTML-Elementen Standard-CSS-Eigenschaften zu, was manchmal zu unerwartetem oder unerwünschtem Verhalten führen kann. Das Verständnis dieser Standardstile ist entscheidend für die Steuerung und Anpassung des Erscheinungsbilds von Webseiten.
Wo finde ich das Browser-Standard-CSS?
Das Standard-CSS für HTML-Elemente variiert je nach Browser. Hier sind die Orte, an denen Sie sie finden können:
-
Firefox (Gecko): https://dxr.mozilla.org/mozilla-central/source/layout/style/ res/html.css
-
Safari (WebKit): https://github.com/WebKit/WebKit/blob/main/Source/WebCore/css/html.css
-
Chrome (Blink): https://github.com/chromium/chromium/blob/main/third_party/blink/renderer/core/html/resources/html.css
-
Internet Explorer (Trident) (älter Versionen): https://web.archive.org/web/20170122223926/http://www.iecss.com/
Beibehaltung wesentlicher Standardeigenschaften
Während CSS-Resets Standardstile entfernen können , sie können auch wünschenswerte Eigenschaften entfernen. Um bestimmte Eigenschaften beizubehalten, sollten Sie die Verwendung einer teilweise zurückgesetzten Lösung wie HTML5 Boilerplate oder normalize.css in Betracht ziehen:
-
HTML5 Boilerplate: https://github.com/h5bp/html5-boilerplate
-
Normalize.css: https://github.com/necolas/normalize.css/blob/master/normalize.css
Diese Tools normalisieren selektiv Anzeigeeigenschaften und bewahren gleichzeitig wesentliche Funktionen, wie z. B. das Hervorheben von Eingabefeldern in Chrome.
Zusätzliche Ressourcen
-
Browser-Entwicklertools: Die meisten Browser enthalten Entwicklertools, mit denen Sie Standardstile überprüfen und ändern können.
-
CSS-Spezifitätsrechner: Berechnen Sie die Spezifität von CSS-Selektoren und verstehen Sie, wie sie Standardstile überschreiben.
-
Kann ich verwenden: Überprüfen Sie die Browserunterstützung für HTML-Elemente und CSS-Eigenschaften, einschließlich Standardstilen.
Das obige ist der detaillierte Inhalt vonWas sind Browser-Standard-CSS-Stile und wie kann ich sie verwalten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!