CSSをリセット - パディングとマージンを0に設定しますか？

Question

YUI 2: Reset CSSを見ると、複数の要素にmargin:0とpadding:0が設定されています。私は自分のページでIE6やIE7を気にしません。とにかく各要素にmargin:0を設定する必要がありますか？

• DIV（NO）
• オール（YES）
• UL（YES）
• リチウム（NO）
• 形態（のみIE6、IE7）
• 入力（NO）
• テキストエリア（no）

まだ設定する必要がありますか？とにかく各要素のための0？

• 体（NO）
• DIV（NO）
• UL（YES）
• オール（YES）
• リチウム（NO）
• 形（NO）
• TEXTAREA（はい）
• p（no）

イメージにはまだborder:0を設定する必要がありますか？

A：あなたがお勧め他にのみリンクされた画像のための

何か？

Answer 1

あなたがIEの内蔵このウェブサイト上のスタイルシート調べることができます：http://www.iecss.com/

これは、Firefox、WebKitのとオペラのスタイルへのリンクがあります。あなたはこれらを相互参照して決定を下すことができます。

Answer 2

ページの要素の余白と余白を特定の値にするかどうかによって異なります。それが重要でない場合は、忘れずにブラウザのデフォルトとして残してください。世界中のすべてのブラウザがデフォルトのブラウザを使用するという保証はないため、頼りにしないでください。 normalize.cssをカスタマイズし、コード内で使用することをお勧めします。別のスタイルシートを読み込まなければならない場合や独自のスタイルシートを膨らませる場合は、常にcompress the CSSにして、ファイルの一番上の行に貼り付けてください。

Answer 3

ブラウザエレメントの互換性に関連するものではありません。すべての標準要素は、すべてのブラウザでと互換性があり、（表示されているものとして表示されます）です。

通常、ブラウザは、いくつかの要素に対して異なる方法でデフォルトのスタイル設定プロパティを適用するという問題があります。たとえば、IEとFirefoxは、ブロック要素に異なるデフォルトマージンを適用し、見出し（h1、h2、...）などには異なるフォントサイズを適用します。

CSSリセットスタイルシートは、異なるブラウザで異なることができ、すべてのスタイルを平坦化することにより、これらすべての矛盾を取り除くにあなたを助けます。

現在地の記事を読むことができます：

http://sixrevisions.com/css/css-tips/css-tip-1-resetting-your-styles-with-css-reset/

Answer 4

私はいつも使用この1：

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { 
     margin: 0; 
     padding: 0; 
     border: 0; 
     outline: 0; 
     font-size: 100%; 
     vertical-align: baseline; 
     background: transparent; 
} 
body { 
     line-height: 1; 
} 
ol, ul { 
     list-style: none; 
} 
blockquote, q { 
     quotes: none; 
} 
blockquote:before, blockquote:after, 
q:before, q:after { 
     content: ''; 
     content: none; 
} 

/* remember to define focus styles! */ 
:focus { 
     outline: 0; 
} 

/* remember to highlight inserts somehow! */ 
ins { 
     text-decoration: none; 
} 
del { 
     text-decoration: line-through; 
} 

/* tables still need 'cellspacing="0"' in the markup */ 
table { 
     border-collapse: collapse; 
     border-spacing: 0; 
}