勉強日記1日目 CSSの基本

CSSの基本

CSSはhtml内に要素を指定してスタイルをあてはめていくもの。 簡単にいうとhtmlを飾り付けるためにある。

セレクタ（要素）｛ プロパティ:　値;｝

こんな感じで書いていく。 分かりやすく例を挙げると

h1 { color: red ;}のようになる。 これでh1の文字色は赤くなる。

CSSには三つの書き方がある。 htmlの要素を指定する・idを指定する・classを指定する。 htmlの要素のみ指定してスタイルをあてると、全体に適用されてしまう。 そうなると困るのでdivなどで囲って、idまたはclassを付けるとよい。

|.font-color h1 { color: red ;}

idは#のあと、classは.のあとにつけた名前を書こう。

一部分だけ変えたい場合はspanなんてのもある。