CSSで使用される主な単位は以下の通りです。
| 単位 | （読み）意味 |
|---|---|
| px | （ピクセル） 画素（ピクセル）を1とする |
| % | （パーセント） 割合を％指定 |
| em | （エム） アルファベットの大文字Mを1とする |
| ex | （エックスハイト） アルファベットの小文字xを1とする |
| rem | （ルートエム）ルート（html要素）の大文字Mを1とする |
| vw | （ビューウィドゥス） viewportの幅の1/100を1とする |
| vh | （ビューハイト） viewportの高さの1/100を1とする |
| 単位 | （読み）意味 |
|---|---|
| pt | （ポイント） 1ポイント ＝ 1/72インチ |
| pc | （パイカ） 1パイカ＝ 12ポイント |
| mm | （ミリメートル） ミリメートル |
| cm | （センチメートル） センチメートル |
| in | （インチ） 1インチ ＝ 2.54センチメートル |
文字サイズをemで指定された要素を入れ子にした場合、文字サイズが重ねて適用されてしまい、予期せぬ文字サイズになることがあります。
その場合は、remを使用すれば、常にhtml要素で指定されている文字サイズが基準となりますので、異常に文字が大きくなりすぎたり、小さくなりすぎたりすることを避けられます。