IDとclassを効率よく使い分ける
CSSでレイアウトしていると属性の優先順位が邪魔をしてCSS指定が意図したとおり表示に反映されないことがある。
こういった場合は、あらかじめＩＤとclassの使い分けを意識してレイアウトしておくとよい。
・レイアウトに関するもの（ブロックの位置や大きさ）をIDで指定。
ヘッダー( #header )
メインコンテンツ( #main_contents )
(ブロックの大きさ)
width
height
（位置指定）
margin
padding
・それ以外（文字スタイルなど）はclassで指定。
文字( .contents )
font-size
line-height
属性の優先順
ID = 100
class = 10
要素タイプ(pなど) = 1
さらに詳しく見るなら