html+cssの勉強をしているのですが、なかなか上達しません。何かコ

html+cssの勉強をしているのですが、なかなか上達しません。何かコツがあればアドバイスお願いします。

No.2 ベストアンサー 回答者： metametamu 回答日時： 2010/05/26 09:25

cssに関してはcolorやbackground等は覚えやすいですよね？逆にfloatやpositionのようなレイアウトに関わるものは覚えにくいと思います。

特に他のプロパティと併用したりすると挙動が複雑化してきますし。
もちろん全てのパターンを覚えてもいいのですが、最初のうちは型を決めて使うというのはどうでしょうか。


例えばfloatで2カラムを作成する場合、

1. 左右のボックスにfloat:left;もしくはfloat:right;を指定
2. 左のボックスにだけfloat:left;を指定
3. 左のボックスにfloat:left;、右のボックスにfloat:right;を指定

このように３つの指定法がまず思い浮かぶのですが、このうちの1つでも使えれば同じ見た目にはできるので、2カラムになる挙動で一番自分が理解しやすいものを覚えてそれを足がかりにしていきます。
どう指定すればいいということよりも、この指定をするとこの要素がこう動くというギミックの部分が一番重要な気がします。

私は1.から覚えたので2.が応用的な印象があります。1.の方法では片方のカラムはpxで固定、もう片方のカラムはウィンドウ幅に合わせて可変というのができませんでした。考えてもわからなかったので、良い方法は無いかとネットで調べました。そしてそれが2.の方法を覚えるきっかけになります。

1さんの言われているように「こう表現したい！」という部分は意外と重要なのかもしれませんね。

この回答へのお礼

くわしいご説明ありがとうございます。まずはやってみます。

お礼日時：2010/05/26 22:28

No.1 回答者： litton101 回答日時： 2010/05/25 22:25

わたしは「必要に迫られて」一つ一つ習得していきったクチですが、

気に入ったサイトのソースコードを見る習慣がなんとなくついていて
気に入ったところはメモしたりします。

こう表現したい！っていう信念もあるとよいかもしれませんね。

ちなみに、html+cssの書籍は不要だと思ってます。
Web情報のほうが整理されていて参照しやすいです。

この回答へのお礼

ありがとうございます。さっそく実践してみます。

お礼日時：2010/05/25 23:13