CSSのリセットはお呪いです

見出し右端の記号は?

Web Page
Booskanium's Tips.
忘れっぽい落書き人のメモ

余白や文字の設定を全てリセット

ブラウザのuser agent stylesheet

これがスタイルの既定値です。厄介なのは、ブラウザによって既定値が異なることです。
そこで余白や文字の設定を全てリセットしておきます。事例はいっぱいありますが大差ありません。
リセットすることで、自分の思うがままに1からスタイルが設定できます。

ちょっと付け足し

引っ張ってきたリセットCSSに追記していること

html {
	/* トップのhtmlにwidth指定を行っておかないと、子要素のbodyのwidth指定で%指定が効きません。 */
	width: 100%;
	height: 100%;
	/* サイト全体で統一ならリセットCSSの中に記述しておく */
	font-size: 0.9em;
	font-family: arial, sans-serif;
}
bodyのwidthの%指定は、親要素のHTMLに対する割合ですので、この様な考慮が必用です。