CSSの勉強法としては、HTMLのようにソースをコピペできないですが、どう学べばいいと思われますか？

Question

CSSの勉強法としては、HTMLのようにソースをコピペできないですが、どう学べばいいと思われますか？
アドバイスをいただけないでしょうか？
どうぞよろしくお願いします。

Answer 1

コピペしないと学べないと言う意味がわからない。自分で打てばいいと思います。

Comments

[edoooooo]

ありがとうございます。いろいろコードを試すようにします。

Answer 2

CSS の説明を読んで概略を理解し、文法の説明を読んで書き方を習得し、各要素のリファレンスを読んでだいたいどんな属性があるのかを押さえ、他人の書いたサンプルを見ながら自分の理解に間違いが無いか確かめ、リファレンスを見ながら実際に自分で考えて書いて確かめ、何か一つ完成させてみたらいいと思います。

Comments

[edoooooo]

ありがとうございます。書き方を学び、他のプログラミング言語同様自分で考えて書いていこうと思います。

Answer 3

やってみたいウェブページを開き、要素の上で右クリック⇒ChromeやFireFoxの要素の検証機能を使うと、要素に当たっているstyleを表示することができます。
どうやって実現しているのか参考にするうえで非常によく使います。

Comments

[edoooooo]

そんな画期的な機能があったのですね、早速やってみます。
ありがとうございます。

Answer 4

勉強法といいますか、アドバイスとしてですが、
htmlのブロック要素とインライン要素を理解されているのであれば問題ないのですが、
こちらの理解を先に進めた方がよろしいかと思います。

僕は、ここのところを理解せずにCSSを理解しようとして、
ブロック要素にしか使えないスタイルをインライン要素に適用しようとして、
見た目が変わらず、CSSの理解が難しくなった経験があります。

Comments

[edoooooo]

ありがとうございます。
少しながら、以前に本で勉強したのと、jspにhtmlを組み込んで使っていたので、基礎のkぐらいはわかってるつもりでした。
cssでつまずいたり、難しいなと思った時の解決策として、htmlの文を理解するということを念頭において勉強します。
ありがとうございましt。

Answer 5

独学でやるならまずはここあたってみてください。

ドットインストールの動画（ｃｓｓならばｃｓｓ入門）をみて、基本を理解してみてください。

そこから、個々からは学習スタイルによりますが、たとえばschooというサイトで講義を見て基礎部分の理解を深めるのがいいかと思います。

また、Progateというサイトでは、スライドを見て、実際に手を動かしながら学ぶことができます。私は大変お世話になってます。

Progateの上級まで行ったら、あとはcodeprepで様々なブックを攻略するなり、サブライムテキストダウンロードしてみてちょっと遊んでみるのがいいかと思います。

早ければ１～２カ月でそれなりのサイト作れるようになると思いますよ！