px : 절대값
em, % : 상대값
대부분의 브라우저 폰트 사이즈 기본값 : 16px, 1em, 100%
px
% : 지정된 사이즈의 상대적인 사이즈를 결정. 기본이 10px로 지정되어 있으면 50% 지정시 5px로 변경
em : em은 배수 단위 상속받은 요소의 사이즈 기준
rem : 최상위 요소의 사이즈 기준
vw / vh : viewport 단위 브라우저 너비를 기준으로 한 상대적 사이즈를 의미
vw : viewport 너비의 1/100
vh : viewport 높이의 1/100
vmin : viewport 너비 또는 높이 중 작은 쪽의 1/100
vmax : viewport 너비 또는 높이 중 쪽의 1/100
'FrontEnd > CSS' 카테고리의 다른 글
| Position (0) | 2025.12.06 |
|---|---|
| 개념 정리 (inline, block, box, margin겹침) (0) | 2025.12.06 |
| 개념정리 SELECTOR(선택자) (0) | 2025.12.01 |
| 레이아웃 Flex와 Grid (0) | 2025.11.27 |