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%.