REM

[CSS] font-size px, em, rem 폰트단위

px, em, rem 단위에 대해 간략히 알아봅니다. px pixels(픽셀) 화면 해상도에 대한 상대적 크기입니다. em 해당 폰트의 대문자 M의 너비를 기준으로 한다. 지정된 요소의 font-size의 배수라고 생각하면 된다. 자신의 font-size 값이 없을 경우 부모 요소의 font-size의 영향을 받는다. em 예시 자신의 font-size 값이 없을 경우 font size 자신의 요소에 font-size의 없고 상위 요소에 font-size값이 있으므로 1em의 값은 30 * 1 = 30px 이다. 자신이 요소에 font-size값이 있을 경우 font size child요소의 font-size 값이 존재 함으로 margin-left 값은 10px이다. rem root em 이라는 뜻 루트..