# 크기 단위, 색상

# 1. 크기 단위

# px

px는 픽셀이며 화소 한 개를 의미. 절대값 단위

# %

엘리먼트 사이즈 기준 백분율 크기

# em

폰트 사이즈 기준 배수 단위 크기

# rem

em과 같이 폰트 사이즈를 기준으로 하는 배수 단위의 크기이지만 em이 해당 엘리먼트의 폰트 사이즈를 기준으로 한다면 rem은 루트 엘리먼트의 폰트 사이즈를 기준으로 한다.

# vw

viewport 너비의 1/100

# vh

viewport 너비의 1/100

# vmin

viewport 너비와 높이 중 작은 쪽의 1/100

# vmax

viewport 너비와 높이 중 큰 쪽의 1/100

# 2. 색상

# HEX

HEX 코드 단위로 #000000 형식으로 사용

# RGB

Red, Green, Blue를 의미하며 rbg(0, 0, 0) 형식으로 표현하며 각각 0~255의 값을 가질 수 있음

# RGBA

RGB + 알파값을 표현하며 rgba(0, 0, 0, 알파값) 형식으로 사용. 알파값은 0~1 사이의 실수이다.

# HSL

Hue(색상), Saturation(채도), Lightness(명도)를 의미하며 hsl(0, 50%, 25%) 형식으로 사용

# HSLA

HSL에 알파값이 추가된 형태. hsla(0, 50%, 25%, 1)