1. 절대 단위 px : pixel, 화소를 의미한다. 화면을 구성하는 가장 기본 단위이다. 네모 한칸을 의미한다. pt : 1 / 72 인치이다. 웹에서는 거의 사용하지 않는다. 2. 상대 단위 % : 부모 요소에 비례하여 비율 적용한다. em : 현재 폰트 사이즈를 기준으로 한다. rem : 최상위 폰트 사이즈를 기준으로 한다. /* em 예시 */ /* 현재 폰트 사이즈가 20px인 경우 */ 1em = 1 X 20 = 20px 3em = 3 X 20 = 60px /* rem 예시 */ /* 최상위 폰트 사이즈가 20px인 경우 */ 1em = 1 X 20 = 20px 3em = 3 X 20 = 60px em과 rem의 차이를 잘 알아두기. 3. Viewport를 고려한 단위 - 화면에서 그려지는 ..