行高的继承性

例如:

body {
  font: 12px/1.5 Microsoft YaHei ;
}
div {
  font-size:14px;
}

span {

 

}

行高可以跟单位也可以不跟单位,

  • 如果是有单位的,那就是设置的实际距离,

  • 如果是不跟单位的数字,而子元素又没有设置行高,它就会继承父元素的行高的1.5倍,

在这里子元素设置的字号为14px,没有设置行高,它会继承父元素的行高的1.5倍,所以子元素的行高为21px(14*1.5=21)

(这个1.5 意思是就是当前元素文字大小font-size 的1.5倍)

 

如果子元素没有指定文字大小,则会继承父亲的文字大小,这里body设置的字号为12px,那所有p的文字大小为12px,行高为18px(12*1.5)=18

 

posted @ 2020-11-20 21:59  紫豹豹  阅读(453)  评论(0)    收藏  举报