x
1
2
<html>
3
<head>
4
<meta charset="utf-8">
5
<style>
6
p {
7
font-size: 16px;
8
line-height: 2em;
9
}
10
11
div {
12
font-size: 30px;
13
border: 1px solid black;
14
}
15
16
span {
17
font-size: 0.5em;
18
}
19
</style>
20
</head>
21
<body>
22
23
<p>这个段落的高度为: 2x16px = 32px。</p>
24
<p>这个段落的高度为: 2x16px = 32px。</p>
25
<p>这个段落的高度为: 2x16px = 32px。</p>
26
<div>div 的 font-size 设置为 30px。 <span>div 中的 span 元素 font-size 为 0.5em, 计算结果后即为 0.5x30 = 15px</span>。</div>
27
28
</body>
29
</html>