CSS CSS 단위
CSS 단위
절대단위
절대단위는 고정된 값을 가지며 절대 변하지 않는다는 특징을 갖는다. 반응형 사이트에서 사용하기엔 적합하지 않은 단위이다.
절대단위 정리표
| cm (센티미터) | mm (미리미터) | in (인치) |
| px (픽셀) | pt (포인트) | pc (파이카) |
상대단위
상대단위는 부모 요소나 다른 요소의 크기에 영향을 받아 상대적으로 크기가 변한다. 반응형 웹사이트에서 주로 사용한다.
상대단위 정리표
| em | 부모 요소의 크기에 영향을 받아 크기가 변함. |
|---|---|
| rem | 최상위 요소인 html요소의 크기에 영향을 받아 크기가 변함. |
| % | 부모 요소의 크기에 영향을 받아 크기가 변함. |
| vw | viewport width의 약자 |
| vh | viewport height의 약자 |
| vmin | viewport의 최솟값 |
| vmax | viewport의 최댓값 |