body {
font-size: 20px;
line-height: 200%;
}
p {
font-size: 16px;
background: pink;
}
-
写具体的数值,如30px,则继承该值(比较好理解)
-
写比例,如2/15,则继承该比例(比较好理解)
-
写百分比,如200%。则继承计算出来的值 (这个时候有坑,也是经典面试题)
- 当body line-height 设置成 30px事,p的高度会是30px(p标签高度24px)
- 当body line-height 设置成 1.5时候 16*1.5 = 24px (p标签高度24px)
- 当body line-height 设置成 200%时候, 是拿body的font-size, 20 *200%=40px ,(p标签高度40px)