em単位
相対的な測定単位である em は、
親要素のサイズを基準として、
子要素のフォントサイズを設定します。
例えば、2em のフォントは、
その親要素の2倍の大きさであることを意味します。
例
<p> 要素のテキストのフォントサイズを、
その親要素 <div> のフォントの1.5倍に
設定してみましょう:
<div>
text1
<p>
text2
</p>
</div>
div {
font-size: 14px;
}
p {
font-size: 1.5em;
}
: