CSS 값과 단위 | 데이터카페

절대값
- px(픽셀): 화면에 표시되는 가장 작은 단위로, 픽셀 단위의 크기를 지정합니다
- in(인치): 인치 단위로 크기를 지정합니다. 1인치는 약 2.54cm입니다.
- cm(센티미터): 센티미터 단위로 크기를 지정합니다.
- mm(밀리미터): 밀리미터 단위로 크기를 지정합니다.

css
div { 
  width: 100px; /* 너비 100픽셀 */
  height: 50px; /* 높이 50픽셀 */
  font-size: 16px; /* 글꼴 크기 16픽셀 */
}


상대값
- em(em 단위): 요소의 상속된 글꼴 크기를 기준으로 크기를 지정합니다. 부모 요소의 글꼴 크기에 상대적으로 값을 결정합니다.
- rem(rem 단위): 루트 요소의 글꼴 크기를 기준으로 크기를 지정합니다. 즉, html 요소의 글꼴 크기에 상대적으로 값을 결정합니다. 
- %(퍼센트): 부모 요소의 크기에 상대적인 백분율로 값을 지정합니다.

css
div {
  width: 100%; /* 부모 요소의 너비에 100% */
  height: 50%; /* 부모 요소의 높이에 50% */
  font-size: 2em; /* 부모 요소의 글꼴 크기에 2배 */
}