2024-06-12

Writerside/topics/Units-and-Values.md

@@ -1,3 +1,43 @@
 # Units and Values
 
-Start typing here...
+## 절대 길이 단위
+
+* 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(), rgba()
+* hsl()
+
+```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);
+```