프로퍼티별 사용 단위 / CSS 크기 단위 정리 (px, %, rem, em, vh, vw)

px - Pixels 

Absolute Lengths

 

% - percentages

Viewport Lengths & Font-Relative Lengths

 

rem - root em

Font-Relative Lengths

 

em - em

 

vh - viewport height

현재 보이는 화면에 대한 길이(Viewport Lengths)

 

vw - viewport width

현재 보이는 화면에 대한 길이(Viewport Lengths)

feat. vmin, vmax 등도 있음

 

어떤 프로퍼티를 사용해야 되는지?

박스 모델 프로퍼티? font-size, padding, border, margin, width, height, top, bottom