文字のサイズを指定する

font-size

見出しや本文などに応じて、それぞれの文字サイズを指定します。
文字サイズを指定するには fott-size プロパティを使います。
文字サイズはいろいろな単位で指定できますが、ここではピクセル(px)を使います。

HTMLタグで作成した下のページの文字サイズを指定します。


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


上のページに文字サイズを指定します。

<html>
<head>
<title>スタイルシート覚書</title>

<style type="text/css">
<!--
body {
  margin-left:15%;
  margin-right:15%;
}
h1 {
  font-size:42px;
}
h2 {
  font-size:20px;
}
p {
  font-size:16px;
}

-->
</style>

</head>
<body>
・・・・・・・・以下略・・・・・・・・


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

文字サイズを指定するプロパティ
font-size:文字サイズ;
font-size プロパティは、文字サイズを「数値+単位」で指定します。
ここで使った px (ピクセル)と言う単位は、1文字を構成する点(ドット)の数です。
例えば「16px」は16X16個の点で1文字が構成されます。
InternetExplorer の標準文字サイズは(P要素で、文字サイズを指定していない場合)
16px に相当します。これを基準にして、例えば文字を縦横2倍の大きさにするなら、
32px を、標準よりひとまわり小さくするには 14px に指定すればよいでしょう。