[HTML&CSS初学勉強記]#2 progate中級編100% 累計2.5h

HTML&CSS勉強記

はいどうもー
progateの中級編が終わったので一旦記事にしたいと思います。

前回の記事

勉強したこと

  • bodyをヘッダー、中身、フッターに分けて作っていった
  • headを少しいじった
  • テキストや画像の位置についての設定を学んだ
  • classの感覚をだいたい掴んだ

って感じですかね。
主にあげるなら
位置関係と
classですかね。

位置関係

位置関係は覚えることがいっぱいありますね。
ただ、見た目を作る言語なので仕方ないですね。
position:relative;を使えるようになったのでだいぶ幅が広がった希ガス。

class

classはやっとなんとなくわかってきました。
なんで毎回毎回 class=”container”を作ってから、
その中に要素を入れていくのかな?と思ってたんですが

なるほど、
ある程度共通していることはひとくくりにして最初にCSSを作ってしまっているってことですね。

僕がやった場所だとwidthとかpaddiingとか。


またあるひとくくりの要素を作るときも、
一つのclassの中に入れるか、共通するclass名をもたせることでCSSでまとめていじれるんですね。書式や画像の中央揃えとかに便利ですね。

ほかにも色々習いました。
hoverとかactionとか..
復習せんと忘れそう..


感想

classが入り乱れてややこしくなってきました。
ただ、ずっとC言語をやっていた身からするとclassでまとめる概念は新しくてめちゃくちゃ便利ですね。
早くマスターしたいです。

ではまた〜。

コメント

タイトルとURLをコピーしました