|
→ 絶対的な単位
→ 相対的な単位
|
絶対的な単位
CSSを使うときに、覚えておかなければいけないのが単位です。CSSには色々な単位があるのでしっかり覚えましょう。
絶対的な単位とは、値が正確に決まっている単位のことです。絶対的な単位を5つ説明します。
cm (センチメートル)
mm (ミリメートル) in (1インチ=2.54cm) pt (1ポイント=1/72インチ) pc (1パイカ=12pt) これだけでは大きさが良く分からないので、文字の大きさで比べてみます。↓のサンプルは上から1cm、1mm、1in、1pt、1pcの大きさにそれぞれ指定してます。
1cm
1mm 1in 1pt 1pc 相対的な単位
次に相対的な単位を説明します。4つ単位があります。
em (その範囲のフォントの高さを1とした単位)
ex (その範囲のフォントの小文字の「x」の高さを1とした単位) px (1ピクセルを1とした単位) %(あるものを基準とする単位) ↓にそれぞれの単位を10に指定して文字を表示しています。
10em
10ex 10px 10% |