CSSでまず記述しなくてはならないこと(CSS初期化)

CSSでサイト構築することが当たり前になってから、
各ブラウザに対して、1mmの誤差も許されない我々にとっては
当たり前ですよね。
そのためにCSS疑似クラスだのライブラリだのいろいろ出回っております。


私のような、エンジニア上がりのWebディレクターの場合
ライブラリに依存せずにがりがり書いていきたいという人も
少なくないと思います。


そんな方におすすめなのが
2007年5月1日(米国時間)にEric Meyer氏によって公開されたドキュメント
Resetting Again
一応リンクは最新版をのせておきました。
すごく勉強になります。


実際のソースコードはこちらから。

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

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

なんともあざやかな・・・。