22

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

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

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

ここに画像の説明を入力してください

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

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

これで、デフォルトのマージンとパディングがわかりました。これは4Firefox用で、IE-8用とは異なります。

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

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

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

ありがとう。

4

4 に答える 4

13
  1. まず第一に、それはおそらくそう4pxではありません4。第二に、それはブラウザベンダーがデフォルトであると決定した方法です。
  2. デフォルトのブラウザスタイルシートに保存されます。
  3. できますが、すべきではありません。ブラウザごとに異なります。グーグルそれ！How do I change default stylesheet on <insert browser here>?
  4. おそらくわずかな違いがあります、あなたは言うことができるはずです...デフォルトのスタイルシートを見ることによって:)

この違いは、設計者がCSSリセットを使用して、さまざまなブラウザー実装に続くすべてのCSSの厄介さを正規化する主な理由の1つです。

于 2012-06-16T20:38:01.230 に答える
2

ブラウザには、ほとんどのHTML要素のCSSに「正常なデフォルト」が組み込まれています。これにより、CSSを含まない純粋なHTMLを使用している場合にページが完全に読めなくなるのを防ぐことができますが、もちろん、独自のCSSで上書きすることを目的としています。

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

http://www.iecss.com/

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

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

于 2012-06-16T22:38:34.823 に答える
0

これを試して

body{
    line-height: 0
}
于 2017-10-17T18:43:22.783 に答える
-5

これをスタイルシートの上に追加します

*{margin:0px;padding:0px;}

これにより、ブラウザ間のパディングとマージンの違いがすべて解消されました。

于 2015-04-20T20:23:06.137 に答える