Ich schreibe einen sehr einfachen HTML-Code, der unten aufgeführt ist. In Notepad geschrieben und in IE-8 und Firefox (OS: Windows Vista) geöffnet.
<html>
<body>
<table border="1"><tr><td>test</td></tr></table>
</body>
</html>
Der obige Code enthält nichts Besonderes. Er erzeugt Platz in der oberen linken Ecke.
Was kann leicht mit dem folgenden Code entfernt werden
<body style="margin:0; padding:0">
Jetzt habe ich den Standardrand und die Auffüllung herausgefunden, nämlich 4
für Firefox und für IE-8.
<body style="margin:4; padding:4">
Ich habe einige Fragen zu diesem Szenario.
Vielen Dank.
4px
und nicht 4
. Zweitens ist es genau so, wie der Browser-Anbieter entschieden hat, der Standard zu sein.How do I change default stylesheet on <insert browser here>?
Dieser Unterschied ist einer der Hauptgründe, warum wir als Designer einen CSS-Reset verwenden, um alle CSS-Unannehmlichkeiten, die auf verschiedene Browserimplementierungen folgen, zu normalisieren.
Browser haben "normale Standardeinstellungen" für die CSS der meisten HTML-Elemente. Dies verhindert lediglich, dass Ihre Seite völlig unlesbar ist, wenn Sie reinen HTML-Code ohne CSS haben. Sie sollten jedoch von Ihrem eigenen CSS überschrieben werden.
Die Standardbrowser-Stile werden normalerweise als "User Agent Style Sheet" bezeichnet - die folgende Site ist eine gute Referenz für die verschiedenen UA-Sheets IE, die über die Jahre hinweg verfügbar waren, und stellt auch andere bereit Browser am unteren Rand:
Eine Methode, die viele Leute verwenden, um "normalisieren" die Standardeinstellungen, so dass Sie in allen Browsern denselben Ausgangspunkt haben, ist ein "CSS Reset" vor Ihrem eigenen CSS, das alle UA-Stile auf dasselbe setzt. Dies ist ein bekanntes:
Versuche dies
body{
line-height: 0
}