CSS:サイズ、色

以降は、具体的なスタイルの属性と値について説明します。

文字のサイズ

文字のサイズは、font-size 属性で設定します。

値は、大きく3種類の指定方法があります。

数値
em は標準の高さを１とします。
<span style="font-size: 1em">サイズ 1em</span>
<span style="font-size: 1.5em">サイズ 1.5em</span>

ex は小文字の x の高さを１とします。
<span style="font-size: 1ex">サイズ 1ex</span>
<span style="font-size: 1.5ex">サイズ 1.5ex</span>

# その他、ピクセルを指定する px、
# センチメートルの cm などあります。

％
標準の高さを 100% とします。
<span style="font-size: 100%">サイズ 100%</span>
<span style="font-size: 150%">サイズ 150%</span>

相対値
xx-small、x-small、small、medium、large、x-large、xx-large
の 7段階で指定します。

文字の色

文字の色は、color 属性で設定します。

値は、大きく2種類の指定方法があります。

色の名前
blue, red, green など、予め決められたカラーネームを使用します。
例：{color: blue}

RGB 値
赤(R)、緑(G)、青(B) それぞれを 0 ～ FF で表現します。
# 16進数2ケタです。
先頭にシャープ(#) を付けて、
例：{color: #808080}

背景の色は、background-color 属性で設定します。
値は、文字の色と同じです。