2024-10-10
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
/* *(모든 영역) : 우선순위가 가장 후순위에 있음 */
* {
font-size: 20px;
}
#txt {
font-size: 3em;
}
p {
font-size: 0.8em;
}
</style>
</head>
<body>
<!--
em 단위
- em은 사용하는 글꼴의 대문자 M을 기준으로 함.
- 부모 요소에서 지정한 폰트의 대문자 M을 1em 이라는
기준으로 설정을 놓고, 상대적 값을 계산하여 다른
요소들의 글자 크기를 지정함.
- 만약 지정한 글자의 크기가 없다면 body 태그의 기본
글자 크기인 16px 이 1em의 기준이 됨.
-->
기본 글자 크기
<h1 id="txt">3em을 가지는 제목입니다.</h1>
<p>0.8em을 가지는 p태그 입니다.</p>
</body>
</html>
