css로 디자인을 할때 margin이나 padding등의 값을 주곤한다. 이럴때 사용하는 단위가 px, em, rem등이 있다.
px은 픽셀을 의미한다. 고정된 크기를 제공한다.em은 해당 요소의 font-size에 비례하는 값이다.rem은 html요소(root)의 root font-size에 비례한다.
그러니까.. rem이 html의 전반에 걸쳐서 사용하는 font-size에 영향을 받기 때문에 이를 사용해서 디자인을 하는게 좋다. em을 사용해도 되긴하지만 해당 요소에 특별하게 영향을 줄때만 사용하고 왠만하면 rem이 권장된다.
더 자세한 내용은 tutsplus의 'Rem 그리고 Em, 언제 써야 할까'를 참고한다.