• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>CSS Units</title>
7
    <style>
8
        #large { font-size: 200%; }
9
        #small { font-size: 0.7em; }
10
        #fixed { font-size: 20px; }
11
    </style>
12
</head>
13
​
14
<body>
15
​
16
    <h1>CSS에서의 크기 단위입니다.</h1>
17
    <p id="large">글꼴의 크기를 200% 으로 변경합니다.</p>
18
    <p>글꼴의 기본 크기인 100% 입니다.</p>
19
    <p id="small">글꼴의 크기를 0.7em 으로 변경합니다.</p>
20
    <p id="fixed">글꼴의 크기를 20px 로 변경합니다.</p>
21
​
22
</body>
23
​
24
</html>