em, rem은 박스 및 텍스트 크기를 조정할 때 사용한다. em은 부모 요소의 크기를 반영하고 em은 부모 요소의 크기를 반영하지만 내,외부의 여백을 정할 때에는 자기 자신의 글자 크기를 기준으로 한다. rem은 루트(html) 요소 크기를 반영한다. 이 때, 루트 요소의 기본 폰트 사이즈는 16px이다. * em, rem은 상위 요소들의 크기에 맞추어 변하는 것이지 주변 환경(기기별 화면 크기)에 따라 그 크기를 달리할 수 있는 가변성은 없음 (반응형이 아님) 강아지 위의 예시에서 outer(부모) 클래스 안에 inner(자식) 이 들어있는 것을 볼 수 있다. inner클래스를 보면 font-size 가 1rem 으로 되어있는데 이는 기본 html 의 16px의 크기를 가지게 된다. padding 과..