css-examples/Writerside/topics/Units-and-Values.md

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()

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);