02 line-height如何继承问题?

1. 父级line-height=30px的情况,子元素line-height是多少

一段关于line-height的故事

.con { font-size: 20px; line-height: 30px; } p { /* 此时继承line-height:30px */ font-size: 16px; }

2.父级line-height=1.5倍的情况,子元素line-height是多少

 

一段关于line-height的故事

.con { font-size: 20px; line-height: 1.5; } p { /* // p的line-height: 1.5*16px =24px ; 子元素的font-size*1.5*/ font-size: 16px; }

3.父级line-height=200%的情况,子元素line-height是多少

一段关于line-height的故事

.con { font-size: 20px; line-height: 200%; } p { /* // p的line-height: 20px * 200% =40px; 父元素的font-size*200% */ font-size: 16px; }

 

你可能感兴趣的