あとで消してしまうかも知れないエントリ
CSS を理解する為にすべきこと、どんな感じで学べばいいか。ということを超個人的な観点で書いてみる。
まず、取り敢えず (X)HTML。これがなかったら何も始まっていないのと同じ。「CSS なのに HTML?」とか思わないこと。誰が何と言おうとまずは基本的な HTML は書けるようになっておくこと。これはタグを手打ちしろという意味ではない。また、タグを全て覚えようとしてはいけない。よく使うものは自然に覚える。しかし、どんなものがあるのかを大体知っておくのが望ましい。
次は簡単な CSS を書いて、文法などの基本を押さえる。例えば、背景色/背景画像で遊んでみる、余白等を操作してみる、など。ここでも、CSS のプロパティを覚えようとしてはいけない。どんなものがあるか(どんなことができるか)を大まかに把握できればいい。
次に、まともに CSS でデザインされたサイトの CSS と HTML のソースをよく見る。ここが一番重要。必ず CSS で何をしているのかを理解するまで続ける。ただ、CSS でトリッキーなことをしているサイトのソースは NG 。ここで、HTML が大体分かっていないとちょっとシンドイと思ふ。この段階でキチンと理解できれば、後々イメージを直接 CSS で書けるるようになり、ソースを見ただけで大体分かるようになると思われる。なので、ブログ等の段組風レイアウトだと簡単なレイアウト法の参考になりやすいのでオススメ。
ここで、Mozilla 系ブラウザ(Firefox 推奨), Opera, Safari, Sleipnir 辺りで好きなものを一つ以上インストールしておく。
次は「ボックスモデル」について知ること。ここで、同時に HTML の「インライン」、「ブロックレベル」を知ること。登場が遅いように思われるかもしれないが、この段階の方が理解が早いと思われる。多分すぐに理解できると思うが、一応「ボックスモデルの違い」も見ておくこと。
ここまでで、ほぼ OK ではあるが、この段階で必ずしておくことは、CSS の仕様書に目を通しておくこと。(できれば XHTML の仕様書も。)あとはひたすら知識を蓄えていくだけのようなモノ。色んなテクニックや、ブラウザの知識、etc. ここでも覚えようとはせずに、どういうモノがあるのかを大体把握しておくようにする。
イロイロ大事なことが抜けているかも知れない。
取り敢えずこんな感じのものが、R'style CSS 学習法(仮)(未完成)
やっぱり、アッチに書く内容かも。

コメントする