✍ 따뜻한 개발 공부

[CSS] 폰트 사이즈 지정하기 / px은 알겠는데 1em 너는 생소해!

따따시 2022. 7. 25. 11:49

 

 

<head>
<style>

body > div {

font-size : 16px; }


.emspan {

font-size : 1em; }

</style>
</head>

<body>
<div>

    <span class="emspan"> em 너는 뭐니? </span>

</div>
</body>

 

body 안의 div 의 폰트사이즈가 16px 로 설정이 되있는데,

emspan은 body 안의 div 의 자식 클래스이다.

em은 부모클래스의 기본값을 상속받는데, 즉 1em은 16px 이 되는 것

 

 

한마디로

body > div {

font-size :  32px; } 

이라면, .emspan의 1em은 32px 이 되는 것!