line-height 如何继承

<style>
    body {
        font-size: 20px;
        // line-height : 30px;	(p元素line-height:直接继承30px)
        // line-height : 1.5;	(p元素line-height:16乘1.5 = 24px)
        // line-height:200%	(p元素linehgiht:20 乘 200% = 40px)
    }
    p {
        background-color: #ccc;
        font-size: 16px;
    }
</style>
<p>这是一行文字</p>
  • 写具体数值,如 30px,则继承该值(30px,好理解)
  • 写比例,如 2,1.5,则继承该比例(1.5*16px,好理解)
  • 写百分比,如 200%,则继承计算出来的值(0.2*20px,难点)