em 단위
상대적인 측정 단위인 em은(는)
부모 요소의 크기를 기준으로 하여 자식 요소의
글꼴 크기를 설정합니다. 예를 들어,
2em 글꼴 크기는 부모 요소보다 두 배
더 크다는 것을 의미합니다.
예시
<p> 요소의 텍스트 글꼴 크기를 부모 요소
<div>보다 1.5배 크게 설정해 보겠습니다:
<div>
text1
<p>
text2
</p>
</div>
div {
font-size: 14px;
}
p {
font-size: 1.5em;
}
: