Mardanjan / Blog

学习笔记(在issues里),一些小demo的源码在这里,demo在线地址会持续更新
1 stars 0 forks source link

css继承属性 #13

Open Mardanjan opened 4 years ago

Mardanjan commented 4 years ago

字体大小

如果字体大小设置为百分比,那么实际的大小为继承的字体大小*设置的百分比字体大小

行高取百分比

行高取百分比值的时候参照的是元素自身的字体大小,如果自身没有定义字体大小,则需要从父级元素中继承字体

 div {
 font-size: 18px;
line-height: 14px;
}
div p {
  line-height: 50%;
}

根据上面的规定,p元素最后的行高取值为:父元素继承的字体大小 * 自身取得百分比值大小9px