rem(root em), em: 가변 단위. 디자인에 설정된 폰트 크기에 따라 브라우저에 의해 픽셀 값으로 변환됨. 1em 또는 1rem으로 지정했다면, 브라우저에 의해 16px부터 160px 까지 아니면 기타 다양한 값으로 변환 디자인이 유연해짐. rem → px 변환 페이지의 최상위요소(root) 의 폰트 크기가 기준이 되어 변환됨 예를 들어, 최상위 요소의 폰트 크기가 10px 이면 10rem은 10*10px = 100px이 됨 사용자가 폰트 크기 늘리더라도, 레이아웃은 그대로 보전되고, 텍스트 또한 작은 텍스트에만 어울리는 아주 빽빽한 공간 안에서 찌그러지는 불상사가 생기지 않는다. em → px 변환 스타일을 지정한 요소의 폰트 크기를 곱한 값 예를 들어, 어느 한 div의 폰트 크기가 20px..