CSSでサイトを整えていこう!

HTMLをちょっとでも理解できたら、今度はCSSでサイトの見た目を整えていきます!

HTMLでプログラムを書いただけでは表示はされますが、色をつけたり、レイアウトを組んだりすることはできません。こういったことをできるようにするのにはCSSというものを使っていきます。

CSSはどんどん進化するものですし、使うものも増えていくので、まずは基本的な特徴などを押さえていきましょう。

ブロック要素とインライン要素
ブロック要素とインライン要素というものがあります。両者にはいくつかの違いがあり、まずはこれを理解しないことにはCSSを上手く扱うことができません。しっかり調べて、使うようにしましょう
ボックスモデル
一口に余白といっても、CSSにはmarginとpaddingというものがあります。更に、この二つの間にborderと言われる枠線を担うものがあります。
flexbox
CSSで組むレイアウトは、今まで使われてきたfloatではなく、flexboxで組んでいきます。
position
これは以前から変わりませんが、レイアウトで使われるプロパティの一つです。必ず使うことになるので、覚えておきましょう!

基本的なCSSプロパティ

CSSの考え方がなんとなく理解できたら、次は実際に使うCSSの指定をみていきましょう。

トップへ戻る