# Units and Values

## 절대 길이 단위

* cm
* mm
* Q
* in
* pc
* pt
* px

## 상대 길이 단위

* %
* em : 요소의 글꼴 크기
* ex : 요소 글꼴의 'x' 문자 높이
* ch : 요소 글꼴의 '0' 문자 너비
* rem : 루트 요소의 글꼴 크기
* lh : 요소의 줄 높이
* rlh : 루트 요소의 라인 높이
* vw : 뷰포트 너비의 1%
* vh : 뷰포트 높이의 1%
* vmin : 뷰포트 크기 중 작은 치수의 1%
* vmax : 뷰포트 크기 중 큰 치수의 1%
* vb : 블록 축 크기의 1%
* vi : 인라인 축 크기의 1%
* svw, svh : 작은 뷰포크 크기의 1%
* lvw, lvh : 큰 뷰포트 크기의 1%
* dvw, dvh : 동적인 뷰포트 크기의 1%

## 색상

* 16진수 RGB : #RGB, #RRGGBB, #RGBA, #RRGGBBAA
* rgb(), rgba()
* hsl(), hsla()

```CSS
background-color: rgb(2 121 139);
background-color: rgb(2 121 139 / .3);
background-color: hsl(188 97% 28%);
background-color: hsl(188 97% 28% / .3);
```