【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ボタンや、チェックボックスがでてくる場合は、逆にバランスが悪くなってしまうので気をつけたほうがいいです。