<aside> 💡
CSS에서는 절대 길이 단위와 상대 길이 단위로 나뉜다 👍
</aside>
이론
절대 길이 단위
: 물리적 단위로, 항상 일정한 크기를 나타냅니다. 예 :
px
(픽셀)
상대 길이 단위
: 다른 요소나 설정에 따라 크기가 변하는 단위입니다.
vw/vh
: 뷰포트의 너비/높이의 백분율로, 예 :
50vw
(뷰포트 너비의 50%)
% : 부모 요소의 크기에 대한 백분율입니다. 예 :
width:50%
( 부모의 50% 너비)