Google Chrome "User Agent Stylesheet"

Question

Ich habe reset.css bereits eingerichtet.

html,body,div,ul,ol,li,p,h1,h2,h3,h4{ 
    margin:0; 
    padding:0; 
} 

aber der Browser immer noch den Standard-Stylesheet.

Da der Code ist zu lang zu laden.

Hat jemand ein ähnliches Problem festgestellt?

Answer 1

Sie scheinen zu vorzustellen, dass eine Regel überschreibt/ersetzt/Schatten alle Eigenschaften für seine Wähler (n). Das ist natürlich nicht der Fall. Eine Regel, wie

html,body,div,ul,ol,li,p,h1,h2,h3,h4{ 
    margin:0; 
    padding:0; 
} 

spezifiziert nur die margin und padding Eigenschaften für die genannten Selektoren. Andere Eigenschaften für diese Selektoren, einschließlich display usw., werden weiterhin von den Stellen übernommen, an denen sie angegeben wurden, einschließlich des Standard-Stylesheets des Benutzeragenten.

Beachten Sie, dass -webkit-margin-* Eigenschaften die Art und Weise sind, in der Chrome seine Standardeinstellungen im Fall von Layouts von rechts nach links allgemeiner anlegt. Sie sind jedoch von den Eigenschaften margin getrennt und werden daher nicht als überschrieben angezeigt (streichen), da eine Regel mit höherer Priorität eine margin angibt. Wenn Chrome jedoch den Rand berechnet, wird der margin-Eigenschaft Vorrang vor den -webkit-margin-* Eigenschaften gegeben.

Answer 2

Jeder Browser verwendet sein Standard-Stylesheet, bevor er den vom Benutzer erstellten Stylesheet anwendet. Wie Ihr Screenshot andeutet, überschreiben Sie den Rand und das Padding. Alle zusätzlichen Stile, die der Browser zum Anzeigen des Inhalts benötigt, werden aus dem Browser-spezifischen Stylesheet übernommen (zum Beispiel die Schriftfamilie, Schriftgröße, Farbe, ...).

Da einige Browser einige Elemente anders darstellen als andere, gibt es Projekte wie https://necolas.github.io/normalize.css/, um das Rendering zu "normalisieren". Diese

Answer 3

ist normal, alle Browser verwenden Sie die Standardeigenschaften Chrome Default CSS

Answer 4

Versuch dies zu tun:

html,body,div,ul,ol,li,p,h1,h2,h3,h4{ 
margin:0; 
padding:0; 
-webKit-margin-start: 0; 
-webKit-padding-start: 0; 

}