HTML入門 - HTML と CSS の役割分担

CSS を外すと中身は減らない

CSS を外して、同じ中身の並び方と大きさがどう変わるか見比べてください。

  • CSS を外しても中身は1つも減らない。縦に積まれるだけ
  • HTML が何が書いてあるかを決め、CSS がどう見えるかを決める
  • 文章を変えずに色や大きさだけ直したいときは、CSS の側だけ書き替えれば済む
CSS が変えるのは並びと見た目

1 / 3

CSS の決まりを3つに分ける

今回書くCSSでは、h1で相手を選び、colorで変えるものを示し、最後に青の値を書きます。

h1 {
h1どの要素に当てるか
color: #0071e3;
color色を変える
#0071e3青を表す値
}

このかたまりを <style> と </style> で囲み、前回のh1の下へ足します。HTMLの文章そのものは変えません。

2 / 3

考えてみよう外しても進めます

書いた style のかたまりをまるごと消すと、ページはどうなりますか。

選ぶと、この枚の中で答えと理由を確かめられます。

3 / 3