CSS-- line-height继承问题

1)具体数值,如line-height:30px,则直接继承该值
2)比例,如2/1.5 则继承该比例
3)百分比:如200%,则继承计算出来的值(考点)

结果为50px

body{
    font-size: 20px;
    line-height: 50px
}
p{
    font-size: 16px;
}

结果为 1.5x16=24px 比例x自己的大小

body{
    font-size: 20px;
    line-height: 1.5
}
p{
    font-size: 16px;
}

结果为20px200%=40px : 百分比x父元素的大小

body{
    font-size: 20px;
    line-height: 200%
}
p{
    font-size: 16px;
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。