- HTML
22 CSSを使って文字の大きさを変える
文字の大きさを変える
次は、CSSを使ってh1要素の文字の大きさを変えたいと思います。文字の大きさを変えるには、
font-sizeを使って、px(ピクセル)単位で大きさを指定します。同じ要素に対して複数のデザインの指定を行う場合には、下の図のように前の指定の最後にある「;」セミコロンの後に続けて書きます。
ここでは見やすいように「{}」と「:」と「;」の間に半角スペースを入れていますが、入れなくてもエラーにはなりません。自分が見やすいように書き方を統一すると良いでしょう。
CSSを記述したらファイルを保存してブラウザで開いてみましょう。h1要素の文字だけが小さくなっているはずです。
このページのまとめ
- 文字の大きさを変えるには「font-size」を使って「px」で大きさを指定する。
- 同じ要素に複数のデザインを指定する時は、前の指定の最後にある「;」の後に続けて書く。
Contact Us
Web制作、Webマーケティング、SFA・MA導入支援に関するお悩みがある方は、お気軽にご相談ください。