CSSの基本(5)

見出しの文字サイズを変更する方法

CSSを使って文字サイズを変更する方法を説明します。
文字サイズは、FONTタグのsize属性で指定することも可能ですが、
CSSを使うとより詳細に文字サイズを指定できるようになります。

font-sizeプロパティは、
H1やH2といった見出しタグの文字サイズを変更することも可能です。
たとえば、以下のようにCSSを指定すると、
H1タグは16ポイント、H2タグは24ポイントで表示されます。
この場合、
『レベル1のH1タグよりレベル2のH2タグの方が文字サイズが大きい』
という奇妙な結果になります。
このような指定は少し極端な例ですが、
自由に文字サイズを指定できることの一例として見てもらえればよいと思います。


<STYLE type="text/css">
H1{
font-size:16pt;
}
H2{
font-size:24pt;
}
</STYLE>

</HEAD>
<body bgcolor="" text="#000000" link="#0000cc" vlink="#ff00ff" alink="#ff0000">

<
H1 align=center>文字サイズの指定</H1>
<
H2 align=center>数値で文字サイズを指定</H2>
<center>
<DIV style="font-size:40pt">文字サイズ「40pt」の文字</DIV><BR>
<DIV style="font-size:32pt">文字サイズ「32pt」の文字</DIV><BR>
・・・・・・以下略・・・・・・


(画面クリックでWEB上のサイズを見てください。)