CSS 단위

CSS 단위

CSS에서 사용하는 단위입니다.

단위	설명
px	가장 기본적인 단위입니다.
em/rem	em은 각 부모 요소의 폰트 크기를 기반으로 한 단위이며 1rem은 해당 폰트 픽셀 크기입니다. rem은 최상위 요소의 폰트 크기를 기반으로 한 단위입니다.
vw/vh	뷰포트를 100개로 나눠 기준을 정한 단위입니다
vmin/vmax	뷰포트 너비 또는 높이를 기준으로 하는 최대, 최소 값 1920x1080px 일때 1vmin = 10.8px / 1vmax = 19.2px
ch/ex	폰트 사이즈의 특정 수치에 기반하는 단위 ch : 제로 문자인 0의 너비값의 고급 척도 (width:10ch 0의 10개만큼의 길이) ex : 현재 폰트의 x-높이 값 or em의 절반 값