自分自身が基本かつ注意しなきゃいけないと思ったことをいくつか（＾ω＾）
・li要素を横並びにしてli、さらに下に持ってく時は、li a｛float:left; margin:30 0 0;｝
ではなく
li｛float:left; margin:30 0 0;｝
のようにli要素に位置情報を指定する。
a要素はインライン要素なので
文字の装飾に使うのが基本。
・コンテンツ1
コンテンツ2
のようにコンテンツ毎の間を空けたい時はコンテンツ1にmargin bottomをかけて離すのではなく、
コンテンツ2にmargin topで離すこと。
上下のマージンはマージン相殺を起こしてしまう危険があり、CSSも後から見てややこしくなるので、topで統一出来るといい。
・HTMLはなるべく簡潔に。
li毎に異なった装飾をかけたいのなら、
li｛｝1番目のli
li+li｛｝2番目のli
li+li+li｛｝3番目のli
のように隣接セレクタ「＋」を使うことでクラス分けしなくても個別指定が出来る。
div#aa div.jjj+h2
のように他の使い方も出来る。
また何かあり次第追記する予定です、