CSSでサイトを整えていこう!
HTMLをちょっとでも理解できたら、今度はCSSでサイトの見た目を整えていきます!
HTMLでプログラムを書いただけでは表示はされますが、色をつけたり、レイアウトを組んだりすることはできません。こういったことをできるようにするのにはCSSというものを使っていきます。
CSSはどんどん進化するものですし、使うものも増えていくので、まずは基本的な特徴などを押さえていきましょう。
- ブロック要素とインライン要素
- ブロック要素とインライン要素というものがあります。両者にはいくつかの違いがあり、まずはこれを理解しないことにはCSSを上手く扱うことができません。しっかり調べて、使うようにしましょう
- ボックスモデル
- 一口に余白といっても、CSSにはmarginとpaddingというものがあります。更に、この二つの間にborderと言われる枠線を担うものがあります。
- flexbox
- CSSで組むレイアウトは、今まで使われてきたfloatではなく、flexboxで組んでいきます。
- position
- これは以前から変わりませんが、レイアウトで使われるプロパティの一つです。必ず使うことになるので、覚えておきましょう!
基本的なCSSプロパティ
CSSの考え方がなんとなく理解できたら、次は実際に使うCSSの指定をみていきましょう。
具体的なCSSの記述を見る