デフォルトCSSをリセット

CSS

各ブラウザによってデフォルトで適用されるスタイルがいくつかあります。
そのデフォルトCSSをいったんリセットすることにより、異なるブラウザでの表示を統一し、効率的にCSSの設定が出来るようになります。

「reset.css」と名前を付けて保存して、HTMLに読み込ませるといいかもしれません。
使いまわせるので便利です。


@charset "UTF-8";

/* CSSリセット */

html,body,div,span,spplet,object,iframe,strong,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,
sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,legend,caption,tbody,tfoot,thead,table,
label,tr,th,td{
　　　　margin:0;
　　　　padding:0;
　　　　outline:0;
　　　　font:inherit;
　　　　font-size:100%;
　　　　vertical-align:baseline;
　　　　border:0;
}
body{
　　　　line-height:1;
}
ol,ul{
　　　　list-style:none;
}
table{
　　　　border-collapse:collapse;
　　　　border-spacing:0;
}