[inflearn] html, CSS : 크기 단위

1. 고정 크기 단위

px, pt, in, cm, mm

2. 가변 크기 단위

1️⃣ em

부모의 크기 * 자식의 m값

2️⃣ %

기존 설정값 기준

3️⃣ rem

em의 경우, 해당 단위가 사용되고 있는 요소의 font-size 속성 값이 기준
반면에 rem에서 r은 root, 즉 최상위 요소를font-size 속성 값 의미
HTML에서 최상위 요소는 html
따라서 rem 경우, html 요소의 font-size 속성 값이 기준

4️⃣ vw

뷰포트(전체 화면) width. interactive web 개발 시 활용.

📚 참고자료
vw 관련
https://nykim.work/85
rem 관련
https://www.daleseo.com/css-em-rem/