在线运行代码 - 菜鸟教程

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(cainiaoplay.com)</title>
<style>p {
    font-size: 16px;
    line-height: 2em;
}

div {
    font-size: 30px;
    border: 1px solid black;
}

span {
    font-size: 0.5em;
}
</style>
</head>
<body>

<p>这个段落的高度为: 2x16px = 32px。</p>
<p>这个段落的高度为: 2x16px = 32px。</p>
<p>这个段落的高度为: 2x16px = 32px。</p>
<div>div 的 font-size 设置为 30px。 <span>div 中的 span 元素 font-size 为 0.5em, 计算结果后即为 0.5x30 = 15px</span>。</div>

</body>
</html>
源代码

动行结果
