CSSのリセット

メモ代わりに最近よく使っているCSSリセットとClearFixを晒してみます。


[css]
/*==============================

Reset CSS

==============================*/

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

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

body{
font:81.25%/1.231 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
color:#333;
}

body,h1,h2,h3,h4,h5,h6,p,strong,em{
font-style:normal;
font-weight:normal;
line-height:normal;
text-decoration:none;
}

ol,ul{list-style:none;}

h1,h2,h3,h4,h5,h6,p{font-size:1em;}

strong,em{font-weight:bold;}

img{border:none; vertical-align:middle;}

a{text-decoration:none; color:#000;}
a:hover{text-decoration:none;}

address{
font-style:normal;
}
[/css]

[css]

/*==============================

Clearfix

==============================*/

.clearfix:after{
display:block;
content:".";
height:0;
clear:both;
visibility:hidden;
}

.clearfix{
zoom:1;/*For IE6 and IE7*/
}
[/css]