Fallstricke bei CSS – Standardstileinstellungen des Browsers

Heute habe ich einen CSS-Stil geschrieben, der das

-Tag verwendet. Nachdem ich eine Reihe von Effekten festgelegt habe, habe ich festgestellt, dass die Position von den Einstellungen abweicht. Öffnen Sie das Kontrollkästchen in Chrome und stellen Sie fest, dass der folgende Absatz am Ende der Stile des
hinzugefügt wurde:

ul, menu, dir {

display: block;

list- style-type: disc;

-webkit-margin-before: 1em;

-webkit-margin-after: 1em;

-webkit-margin-start: 0px ;

-webkit-margin-end: 0px;

-webkit-padding-start: 40px;

} Die als nächstes angezeigte Quelle zu

ist: User Agent Stylesheet

Nach der Überprüfung von HTML und CSS habe ich festgestellt, dass es keine speziellen Einstellungen gibt und auch im HTML-Header Standardeinstellungen vorgenommen werden . Nachdem ich auf Baidu nach „User Agent Stylesheet“ gesucht hatte, stellte ich fest, dass der Browser entsprechende CSS-Standardeinstellungen für verschiedene HTML-Elemente hat.

Lösung:

1. Eine relativ einfache Methode: Legen Sie am Anfang der CSS-Datei einen Platzhalterstil fest, z. B. *{margin:0px;padding:0px;}, und überschreiben Sie den Browser Standardeinstellungen;

2. Eine kompliziertere Methode: Verstehen Sie die Standardeinstellungen mehrerer gängiger Browser, schreiben Sie dann eine separate CSS-Datei und schreiben Sie alle Stile hinein, die korrigiert werden müssen gemeinsame Projekte durchführen.

Ich werde später mehr hinzufügen, wenn ich Zeit habe, mehr über dieses Problem zu erfahren.

Weitere Fallstricke bei CSS – Standardstileinstellungen des Browsers. Weitere Artikel finden Sie auf der chinesischen PHP-Website.