web-dev-qa-db-ja.com

<Body>タグのマージンとパディング

以下にリストする非常に単純なHTMLコードを書いています。メモ帳で作成され、IE-8およびFirefoxで開きます（OS：Window Vista）。

<html>
<body>
    <table border="1"><tr><td>test</td></tr></table>
</body>
</html>

上記のコードには特別なものはありません。左上隅からスペースを作成しています。

enter image description here

次のコードを使用して簡単に削除できます

<body style="margin:0; padding:0">

これで、デフォルトのマージンとパディング、4 Firefoxの場合とIE-8の場合は異なります。

<body style="margin:4; padding:4">

このシナリオについて質問があります。

  1. この値が4なのはなぜですか？
  2. この値がどこから来ているのか、どこかに保存されていますか？
  3. この既定値を変更（構成可能）できますか？
  4. これらの値はブラウザでどのように異なりますか？

ありがとう。

htmlstylesheetpaddingmargin
16
Arun Singh
  1. まず第一に、おそらく4pxおよび4。第二に、それはブラウザベンダーがデフォルトにするべきだと判断した方法です。
  2. デフォルトのブラウザスタイルシートに保存されます。
  3. できますが、するべきではないです。ブラウザごとに異なります。 Google it！ How do I change default stylesheet on <insert browser here>?
  4. おそらくわずかな違いがあるでしょう、あなたは伝えることができるはずです...デフォルトのスタイルシートを見ることで:)

この違いは、デザイナーとしてのCSSリセットを使用して、さまざまなブラウザーの実装に続くCSSの不自然さをすべて正規化する主な理由の1つです。

10
Madara Uchiha

ブラウザには、ほとんどのHTML要素のCSSに組み込まれた「健全なデフォルト」があります。これは、CSSを使用しない純粋なHTMLがある場合、ページが完全に読めないようにするだけです。

デフォルトのブラウザスタイルは、通常 "ユーザーエージェントスタイルシート"と呼ばれます-次のサイトは、さまざまな固有のUAシートの良いリファレンスですIEは長年にわたって使用されており、下部にある他のブラウザ用のものも提供しています。

http://www.iecss.com/

多くの人がデフォルトを「正規化」するために使用する1つの方法で、すべてのブラウザで同じ開始点を使用するには、「CSSリセット」 -これは、すべてのUAスタイルを同じものに設定する独自のCSSの前に配置するCSSのスニペットです。これはよく知られているものです：

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

2
lucideer

これを試して

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