お問い合わせ
  • HTML

22 CSSを使って文字の大きさを変える

文字の大きさを変える

次は、CSSを使ってh1要素の文字の大きさを変えたいと思います。文字の大きさを変えるには、
font-sizeを使って、px(ピクセル)単位で大きさを指定します。同じ要素に対して複数のデザインの指定を行う場合には、下の図のように前の指定の最後にある「;」セミコロンの後に続けて書きます。

文字の大きさを変える

ここでは見やすいように「{}」と「:」と「;」の間に半角スペースを入れていますが、入れなくてもエラーにはなりません。自分が見やすいように書き方を統一すると良いでしょう。

CSSを記述したらファイルを保存してブラウザで開いてみましょう。h1要素の文字だけが小さくなっているはずです。

このページのまとめ

  • 文字の大きさを変えるには「font-size」を使って「px」で大きさを指定する。
  • 同じ要素に複数のデザインを指定する時は、前の指定の最後にある「;」の後に続けて書く。

Contact Us

Web制作、Webマーケティング、SFA・MA導入支援に関するお悩みがある方は、お気軽にご相談ください。

お問い合わせ・ご相談

ホームページ制作、マーケティングにおける
ご相談はお気軽にご連絡ください。

資料請求

会社案内や制作事例についての資料を
ご希望の方はこちらから。

お電話でのお問い合わせ

お電話でのご相談も受け付けております。

※コールセンターに繋がりますが、営業時間内は即日
担当より折り返しご連絡をさせて頂きます。