<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 이 되는 것!
'✍ 따뜻한 개발 공부' 카테고리의 다른 글
| [Servlet] 서블릿이란? / 서블릿, JSP 의 차이를 알아보자 🔍 (0) | 2022.07.27 |
|---|---|
| [CSS] div를 inline 속성으로 바꾸고 싶어 / display , position, float 의 역할 (0) | 2022.07.26 |
| [CSS] CSS를 적용할 때 우선으로 적용되는 순서는 뭘까? / id, class, tag 의 우선 순위 알아보기 (0) | 2022.07.24 |
| [SQL DEV] MAC SQL Developer 무한 로딩 어떡하쥐~? / sql 디벨로퍼 무한로딩 해결해땅 (0) | 2022.07.22 |
| [SQL DEV] SQL DEVELOPER 자바 호환성 문제로 안열릴때 / sql developer supports java se 11 and 17 (0) | 2022.07.21 |
댓글