我想问的是"行高在h2中不应该有3em的值吗？"。它实际上是如何工作的。当我设置设置字体大小：2em和行高：3em时，它不在垂直的中心。怎么可能是一个行高：1.5是保持文本在标题的中心？">
html{
font-size:10px;
}
h2{
margin:0;
}
.card{
width: 35em;
height: 22em;
margin: 05em auto;
background-color: red;
}
.card header{
height: 3em;
padding: 1em;
background: orange;
}
.card header h2{
font-size:2em;
line-height: 1.5em;
}<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<section class="card">
<header>
<h2>This is Header</h2>
</header>
</section>
</body>
</html>我自己想好了。有问题
.card header h2{
font-size:2em;
line-height: 1.5em;
}
基本字体大小设置为10px。所以当我设置字体大小：2em时，意味着字体大小的值为"20px"，所以当行高设置为1.5em时，它取当前的字体大小值，即20px(2em(，所以现在行高：1.5em意味着20px中的1.5，即30px。
简言之：em是指本地字体大小值，然后是父字体，最后是全局字体。