43 lines
935 B
Markdown
43 lines
935 B
Markdown
# 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);
|
|
``` |