[CSS] 크기 단위인 em과 rem이란?

em 상위 요소 크기의 몇 배인지 크기를 정한다. 예) font-size: 2em; 위 코드는 상위 요소 크기의 2배로 하겠다는 뜻이다. rem 문서의 최상위 요소, 즉 html 요소 크기의 몇 배인지를 정한다. 예) font-size: 1.5rem; 최상위 요소에서 1.5배 하겠다는 뜻이다. ps. html 요소 크기 기본값은 웹브라우저에서 정한 글자 크기이다. 보통 16px.