CSS 단위

절대 단위

• 다른 것과 관련 없이 일반적으로 항상 동일한 크기
• 대부분 화면 출력이 아닌 인쇄에 사용될 때 유용하다.
• 보통 사용하는 유일한 값은 px

cm	센티미터	1cm = 96px/2.54
mm	밀리미터	1mm = 1/10th of 1cm
Q	4분의 1 밀리미터	1Q = 1/40th of 1cm
in	인치	1in = 2.54cm = 96px
pc	Picas	1pc = 1/6th of 1in
pt	포인트	1pt = 1/72th of 1in
px	픽셀	1px = 1/96th of 1in

 

상대 단위

• 다른 요소(상위 요소의 글꼴 크기 또는 viewport 크기)와 관련 있다.
• 상대 단위를 사용하면 텍스트나 다른 요소의 크기가 페이지의 다른 모든 것에 비례하여 조정되도록 계획할 수 있다.

em	요소의 글꼴 크기
ex	요소 글꼴의 x-height
ch	요소 글꼴츼 glyph “0”의 사전 길이(너비)
rem	루드 요소의 글꼴 크기
lh	요소의 라인 높이
vw	viewport의 너비의 1%
vh	viewport의 높이의 1%
vmin	viewport의 작은 치수의 1%
vmax	viewport의 큰 치수의 1%