YUI Reset CSSを使ってデフォルトスタイルシートをリセットする

2009年4月29日 07:39 | 個別ページ

当サイトでも以前、ブラウザのデフォルトスタイルシートをリセットする方法を紹介しましたが、他のサイトでも様々なデフォルトスタイルシートのリセット方法を提案しています。

そのひとつのYUI Reset CSSを紹介します。

主に余白部分（margin、padding）とフォント関連をリセットしています。

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; 
}

table {
   border-collapse:collapse; 
   border-spacing:0; 
}

fieldset,img {
   border:0;
}

address,
caption,
cite,
code,
dfn,
em,strong,
th,
var {
   font-style:normal;
   font-weight:normal;
}

ol,ul {
   list-style:none;
}

caption,th {
   text-align:left; 
}

h1,h2,h3,h4,h5,h6 {
   font-size:100%;
   font-weight:normal;
}

q:before,
q:after {
   content:'';
}

abbr,acronym {
   border:0;
}