CSS 단위

CSS(Cascading Style Sheets)로 html 태그 속성 중 width, padding 등 값을 정할때 여러 단위가 있다.

절대적인 크기를 명시할때 사용
cm (centimenters)
mm (millimeters)
in (inches)
px (pixels)
pt (points)

상대적 크기를 명시할때 사용
em (relative to the font-size, 현재 폰트 크기의 x배)
font-size(16px) * 1.5(em) = 24px

rem (relative to the root element font-size, 루트 폰트 크기의 x배)
ex (relative to the x-height of the font, 현재 폰트 높이의 x배)
ch (relative to the "0", 문자 0 의 폭을 기준으로 x배)

% (relative to the parent elemnt, 부모 영역 폰트크 대비 %비율)
table td 등에서 width 는 브라우저 윈도우 대비 차지하는 비율을 나타낸다.

vw (relative to the viewport width, 뷰폭 대비 %비율)
vh (relative to the viewport height, 뷰높이 대비 %비율)