CSS文字を指定するときの単位について
CSSの単位には絶対単位と相対単位と言うものが存在する。
CSSの大きさを指定する単位は非常に重要なのでこれを機にあまり使われない単位も紹介できたらと思う。
絶対単位と相対単位
絶対単位
表示される環境に一切左右されずに同じ大きさで表示させる時に使う単位である。基本これを使って単位を指定することはあまりない。
相対単位
表示される環境や条件に応じて変動される単位のことである。基本はこっちを使うので正直覚えておくのはこっちだけで十分。
絶対単位の種類
| 単位 | 数値 |
|---|---|
| mm | 10mm = 1cm |
| cm | 1cm = 10mm |
| in | 1in = 2,54cm |
| pt | 72pt = 1in |
| pc | 1pc = 12pt |
相対単位の種類
| 単位 | 数値 |
|---|---|
| em | 親要素の高さに対する倍率で長さ、高さを指定 |
| ex | 親要素の高さに対する倍率で長さ、高さを指定 |
| px | 画面を構成する点に対する倍率で長さ、高さを指定 |
| % | 親要素を基準にしてサイズを指定 |
最後に
先ほども記述したが、単位は基本的には相対単位を使うので相対単位は覚えた方がいい。