css 단위

CSS 단위

속성 페이지에서 <color> 또는 <length>. 와 같이 꺽쇠 괄호로 묶여 있는 값을 찾을 수 있습니다.
<color> 값이 특정 속성에 유효한 것으로 표시되면 유효한 속성을 해당 속성의 값으로 사용할 수 있습니다.

---

절대 길이 단위

모두 절대 길이 단위이며 — 다른 것과 관련이 없으며 일반적으로 항상 동일한 크기로 간주됩니다. 보통 사용하는 유일한 값은 px (픽셀) 입니다.

단위	설명
cm	1cm = 96px/2.54
mm	1mm = 1/10th of 1cm
Q	1Q = 1/40th of 1cm
in	1in = 2.54cm = 96px
pc	1pc = 1/6th of 1in
pt	1pt = 1/72th of 1in
px	1px = 1/96th of 1in

---

상대 길이 단위

상대 단위를 사용하면 텍스트나 다른 요소의 크기가 페이지의 다른 모든 것에 비례하여 조정되도록 신중하게 계획할 수 있다는 이점이 있습니다.

단위	설명
em	요소의 글꼴 크기.
ex	요소 글꼴의 x-height.
ch	요소 글꼴의 glyph "0" 의 사전 길이 (너비) 입니다.
rem	루트 요소의 글꼴 크기.
lh	요소의 라인 높이.
vw	viewport 너비의 1%.
vh	viewport 높이의 1%.
vmin	viewport 의 작은 치수의 1%.
vmax	viewport 의 큰 치수의 1%.