CSSを記述する順番
CSSは下記の順番に記述する。
resetは以前は「*」(ユニバーサルセレクタ)を使用していたがinputやbutton要素はリセットをしない状態で使用したほうが使い勝手が良い(ブラウザデフォルトの表示のまま使用)ことから、あまり使用されなくなった。
reset
body
container
header
wrapper
content
sidebar(nav含む)
footer
h1
p
h2, h3, h4
ul, ol, dl
li
table
address
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
フォントもリセットに入れる。
font-familyの指定も順番を考えて以下のようにする。
/* リセットスタイル */
html, body, div, h1, h2, h3, h4, h5, h6,p, blockquote, pre,
address,ul, ol, li, dl, dt, dd,table, th, td, form, fieldset {
margin: 0;
padding: 0;
line-height: 1.0;
font-family:
"ヒラギノ角ゴ Pro W3",
"Hiragino Kaku Gothic Pro",
"Hiragino Kaku Gothic Pro W3",
"メイリオ",
Meiryo,
Osaka,
"MS Pゴシック",
"MS PGothic",
sans-serif;
}