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>