【CSS】見せます!弊社が使うデフォルトCSS

【CSS】見せます!弊社が使うデフォルトCSS

どうもcss1.2のishidaです。

今回は弊社が使用しているデフォルトリセットのcssをご紹介します。

ブラウザデフォルトのmargin,paddingなどを最初にリセットすると、その後のコーディングがかなり楽になります。

cssのデフォルトリセットをする場合、多くの人はユニバーサルセレクタ(*)ですべてのセレクタを設定していると思いますが、弊社ではそんなことしませんよ。だってもったいないですから!!。

弊社では以下のように記述しています。

/* ========================================
Reset of Default Style
========================================= */
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 100%;
	list-style-type: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
}
textarea { font-size: 100%; }
img { vertical-align: bottom; }
hr  { display: none; }

input要素のために

input要素には影やエリア内の余白があり、これをリセットしてしまうとブラウザがもっているきれいな状態を崩してしまうという考えからです。
特にradioボタンや、チェックボックスがでてくる場合は、逆にバランスが悪くなってしまうので気をつけたほうがいいです。

  • このエントリーをはてなブックマークに追加

この記事を読んだ人にオススメ