절대단위

고정된 값을 출력하며 절대 크기가 변하지 않는다.
px값을 주로 사용하며 반응형 사이트에 적용하기엔 매우 복잡하다

• cm(센티미터)
• mm(미리미터)
• in(인치)
• px(픽셀)
• pt(포인트)
• pc(파이카)

상대단위

부모 요소나 다른 요소의 크기에 영향을 받아 상대적으로 크기가 변한다
반응형 웹사이트에 사용하기에 매우 적합하다

• em (부모 요소의 크기의 영향을 받아 크기가 변함)
• rem (최상위 요소인 html요소의 크기의 영향을 받아 크기가 변함)
• % (부모 요소의 크기의 영향을 받아 크기가 변함)
• vw (viewport width 약자로 뷰포트 영역의 퍼센트만큼 폭이 변함)
• vh (viweport height 약자로 뷰포트 영역의 퍼센트만큼 높이가변함
• vmin (뷰포트의 최소값 / 설정한 뷰포트값에 따라 변함)
• vmax (뷰포트의 최대값 / 설정한 뷰포트값에 따라 변함)