スタイルシートで使う単位
上部
文字の大きさなどを指定する場合に長さを指定する必要があるよね。
そこで、スタイルシートでつかう単位について説明しておこう。
学
はい。僕たちがよく使うのは、「cm」とか「mm」ですよね。
上部
そうだね。「cm」とか「mm」も使う事が出来るけど、よく使われているのは
「%」「px」「em」の３つなのでこの３つを覚えておけば大丈夫だよ。
学
「%」はなんとなく分かりますけど、「px」「em」ってどんな意味ですか？
上部
じゃあ、順番に説明していくよ。
%とは
上部
「%」は大きさをの割合で指定する事が出来るよ。
例えば、「段落」の文字の大きさを通常の１．５倍（１５０％）にしたい場合は、スタイルシートに次のように指定すればＯＫだよ。
p{font-size:150%;}
pxとは
上部
「px」は長さをピクセルで指定する場合に使うんだ。ピクセルというのは画面の最も小さい「点」の事だよ。
例えば、「段落」の文字の２０ピクセルにしたい場合は、スタイルシートに次のように指定すればＯＫだよ。
p{font-size:20px;}
emとは
上部
「em」は長さを文字の大きさを基準として指定する場合に使うんだ。
例えば、「段落」の文字の大きさを０．８倍にしたい場合は、スタイルシートに次のように指定すればＯＫだよ。
p{font-size:0.8em;}
