memo.xight.org

日々のメモ

ユニバーサルセレクタを利用せず,デフォルトのCSSをリセットする

Summary

以下のように,ユニバーサルセレクタを用いたCSSのリセットは,レンダリング速度の面で問題.
 * {
    margin: 0;
    padding: 0;
}


使用するタグのみをリセットすると良い.

html, body,  {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6,
p, pre, blockquote,
ul, ol, dl, address {
    margin: 1em 0;
    padding: 0;
}


YUI Reset CSSの例

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
}


Reference

Emotional Web - *{ margin : 0 }はもう古い!?
http://www.lllcolor.com/archives/200702/margin0.html

Yahoo! UI Library: Reset CSS
http://developer.yahoo.com/yui/reset/