【CSS】フォントサイズの割合指定

要素のフォントサイズが20pxでしたら。

font-size: 50%;
のように記述します。

すると。
「要素のフォントサイズを基準とした割合」
のサイズで、出力できます。

コード例

html

<p>
	p = 20px
	<span class="font-percent">75% = 15px</span>
	<span class="font-em">1.5em = 30px</span>
</p>

CSS

p { font-size: 20px; }
.font-percent { font-size: 75%; color: red; }
.font-em { font-size: 1.5em; color: blue; }
p span { padding-left: 30px; }