[CSS] css의 단위 (px, %, rem, em, vw, vh)

<절대 단위>

1. "px": 화면 위의 1픽셀을 기준으로 하는 단위 

 

<상대 단위>

1. "%": 부모 요소 크기를 기준으로 비율로 지정하는 단위 

2. "rem": 루트 요소(html 요소)에 지정된 크기를 기준으로 배수곱 하는 단위

3. "em": 부모 요소의 크기를 기준으로 배수곱 하는 단위

4. "vw": "viewport width"의 약자로 브라우저를 볼 때의 출력 너비를 기준으로 퍼센트 곱 하는 단위

5. "vh": "viewport height"의 약자로 브라우저를 볼 때의 출력 높이를 기준으로 퍼센트 곱 하는 단위