단위
- 절대 길이 단위 :
px (cm, mm, in, pc, pt ….)
- 상대 길이 단위 : %, vw, vh, (vmin, vmax, em, rem…)
px
- Pixel(Picture + Element)
- 절대 길이 단위입니다.
- 디바이스 화면에서 이미지를 표현하는 가장 작은 단위입니다.
- 고정된 값이라 직관적으로 쉽게 사용할 수 있습니다.
%
- 부모 요소를 기준으로 하는 백분율 단위입니다.
em
- 부모요소로부터 상속받은 요소의 글자 크기를 기준으로 하는 배수 단위입니다.
rem
- root em
- 최상의 요소(
<html>)의 글자 크기를 기준으로 하는 배수 단위입니다.
<html>의 기본 폰트 사이즈는 16px 입니다.
vw, vh
- 뷰포트(화면) 너비(w), 높이(h)를 기준으로 하는 백분율 단위입니다.