rem
rem 단위는 html 태그의 텍스트 크기에 대한 상대적인 값으로, 1rem은 html 태그의 텍스트 크기의 1배입니다. 현대적인 웹 브라우저는 모두 html 태그의 텍스트 크기가 16px이라서 1rem은 16px과 같습니다.
html{
font-size:1rem;
}
.parent{
font-size:1rem; /* 16px * 1rem = 16px */
}
.child{
font-size:2rem; /* 16px * 2rem = 32px */
}