박스 모델

절대 단위 : cm , mm , in , px(픽셀), pt(포인트), pc

화면 크기나 해상도에 따라 엄청 크거나 굉장히 작게 보일수 있다.

 

 

상대 단위: 부모 요소를 기준으로 상대적으로 크기를 정한다.

반응형 웹 같은 곳에서 많은화면크게에 대응할수 있는 웹페이지 레이아웃 구현 가능

% , em, rem을 많이 사용

 

em: 기준이 부모( 부모의 기본 크기가 1em이 된다.)

 

rem: 최상위 root를 기준으로 함( 루트요소(html)의 비례)