webentwicklung-frage-antwort-db.com.de

Margin und Auffüllung des <Body> -Tags

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.

enter image description here

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.

  1. Warum ist dieser Wert 4?
  2. Woher kommt dieser Wert, wird er irgendwo gespeichert?
  3. Können wir diesen Standardwert ändern (konfigurierbar)?
  4. Wie unterscheiden sich diese Werte für Browser? 

Vielen Dank.

16
Arun Singh
  1. Zunächst ist es wahrscheinlich 4px und nicht 4. Zweitens ist es genau so, wie der Browser-Anbieter entschieden hat, der Standard zu sein.
  2. Es wird in den Standard-Browser-Stylesheets gespeichert.
  3. Sie können, aber Sie sollten nicht. Es unterscheidet sich mit jedem Browser. Google es! How do I change default stylesheet on <insert browser here>?
  4. Es gibt wahrscheinlich geringfügige Unterschiede, die Sie in der Lage sein sollten, sich die Standard-Stylesheets anzusehen :)

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.

10
Madara Uchiha

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:

http://www.iecss.com/

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:

http://necolas.github.com/normalize.css/

2
lucideer

Versuche dies

body{
    line-height: 0
}
0
softcod.com