line-height继承问题
line-height为具体数值,继承这个值
line-height为比例(1/2,1.4),继承这个比例
line-height为百分比,继承计算好的值
问:body标签的line-height分别为20px 1.5 200%,那么p标签的line-height分别为多少?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
body{
font-size: 20px;
line-height: 20px;
line-height: 1.5;
line-height: 200%;
}
.p{
font-size: 18px;
width: 500px;
}
</style>
</head>
<body>
<p class="p">21日下午,县政协党组书记、主席肖吉武到六合垸管理区曹夹湖社区宣讲党的十九届六中全会精神。肖吉武从党的十九届六中全会基本概况、主要内容、如何贯彻落实党的十九届六中全会精神三个方面,对全会精神进行了系统的解读和深入阐述。他强调,全体党员干部要继续深入学习党的十九届六中全会精神,加大宣传力度,把全会精神传达下去。要结合管理区实际情况,不断补齐短板,保质保量完成年度目标任务。要严格落实疫情防控各项部署,筑牢疫情防控安全防线,为群众生命健康提供有力保障。要扎实推进平安稳定工作,着力解决影响农村安全稳定的突出问题,提升人民群众的获得感、幸福感、安全感。</p>
</body>
</html>
答:那么p标签的line-height分别是 20px 27px 40px;body line-height: 20px p标签继承20px;body line-height: 1.5 p标签继承1.5,其line-height为181.5=27;body line-height: 200% p标签继承计算好的值也就是200%body的font-size 20px为40px