User Agent Style Sheets: Mystery Die Margen in Google Chrome
Gestern, wie jeder andere "Ground Hog Day", wurde ich auf einigen CSS / tableless Layouts arbeiten. Alles lief gut in IE 7, FF 3 und Chrome, soweit nicht plötzlich, sah ich einige un-ignorable Margen nur in Google Chrome zu sehen. Obwohl sehr seltsam und Worring, es einige neue Fehler / Problem war, dass ich accross kommen, gab es schließlich einige Gewürz in meinem alltäglichen Arbeit. Sad (aber feine) wurde es innerhalb von wenigen Minuten von der Sonde fixiert ...
Im Grunde sah es aus wie Google Chrome ignoriert meine CSS-Resets (margin: 0px). Es wurde tatsächlich durch den User-Agent-Stylesheet (-webkit-padding-Start: 40px) verursacht. Also die Lösung war, diesen Stil, indem Polsterung zurückzusetzen: 0 dem problembehafteten Elemente.
Eine gute Möglichkeit, dieses Problem nicht passiert zu jedem Element zu verhindern, ist weltweit ein Übriges CSS wie folgt
* {Margin: 0; padding: 0;}
Was ist User Agent Style Sheets (Spezifikation)?
Der folgende Auszug ist entnommen aus http://meiert.com/en/blog/20070922/user-agent-style-sheets/ , folgende Link, um mehr über User Agent Style Sheets lesen
CSS 1 führt die Idee mit der Feststellung, dass jeder User Agent (UA, oft ein "Web-Browser" oder "Web-Client") wird ein Standard-Stylesheet, das Dokumente in einer angemessenen präsentiert haben - aber wohl banal - Art und Weise. CSS 2 sagt, dass konforme Benutzerprogramme müssen ein Standard-Stylesheet anwenden (oder so tun, als wenn sie es taten) und dass ein User-Agent Das Standard-Stylesheet sollten die Elemente der Sprache des Dokuments in einer Weise, die allgemeine Präsentation Erwartungen für das Dokument Sprache befriedigen zu präsentieren; CSS 3 ist wahrscheinlich einer Meinung sein.
Da die CSS-Spezifikationen lassen Sie es bis zu Implementierungen, ob eine "echte" Stylesheet für Standard-Anzeige verwendet wird oder nicht, ist es nicht erstaunlich, dass Sie nicht finden, ein Standard-Stylesheet in jedem Browser den Installationsordner. Im Gegensatz zu Microsofts Internet Explorer sowie Opera, zum Beispiel (und soweit ich weiß), machen Gecko-Browsern wie Firefox und Netscape Navigator (suchen Sie nach "html.css"), sondern auch Konqueror es recht einfach auf die Standardwerte Styling zu begreifen.
