HTMLを作成しつつ、CSSを書くための手順

HTMLを書くにあたっての大まかな注意

HTMLがあって、CSSがあたり、webページになる
そのため、まずHTMLから書く。

本来レイアウトはどうでもよくて、HTMLが本当に正しいものになっているかが重要である。
CSSのあたっていないHTMLを上から読んで意味が通じるものかどうかでHTMLを書くべきである。

CSSを一から書くときの大まかな注意

body content sidebarとかあると思うんだけど、
こちらはHTMLの順にCSSを書くのではなく、

bodyの部分 contentの部分 sidebarの部分で、全体のレイアウトから詰めていく
全体から書いていって、詳細をどんどん詰めていくのがよい。

あと、ブラウザごとの差異を潰すreset cssも忘れずに。

特にwordpressで(出回っているテーマを使わずに)サイトを構築するときは

1. まずHTMLを書く
2. CSSやJSを書く
3. 最後にphpのテンプレートを整える

phpテンプレートからHTMLを書くのは、phpの挙動とHTMLのレイアウトを同時に取り扱うことになるため、
タスクが二重三重になるからやめといたほうがいい。