文字の大きさと書体

20 px のように間にスペースを入れると効かない。20px とくっつけて書くよ。

単位を書き忘れた font-size: 20; も無効。数字だけでは大きさが決まらないからだよ。

<h1> は最初から大きく出るけれど、あれはブラウザが決めた初期の大きさ。CSSで指定すれば上書きできる。

小さくすることもできるよ。タグは意味を、大きさはCSSが決める——という分担がここでもはっきりする。

文字の形（書体）は font-family で変える。まずは3種類の大きな分類を覚えよう。

• sans-serif … 線の太さがそろった書体
• serif … 線の端に飾りのある書体
• monospace … 1文字ずつの幅が同じ書体

大きさも書体も色も、変えるのは全部 style.css の中だけ。index.html は1文字も直さない。

中身を作り直さずに見た目を変えられる。ここがCSSのいちばんありがたいところだよ。さっそく書いてみよう。