初学CSS的朋友们一定听说过它的继承性,又由于css代码力求最简化,所以我们很多人都想使用它的继承属性来减少代码,但是相信大家和我一样有时比较迷茫,明明在父标签定义好的属性(比如height/border),为啥在子标签就没有继承过来呢?看了网上很多关于继承性的文章,自己还是不太理解,那是因为大家忽略了一个问题:
并非所有的属性都是可以继承的.
下面是CSS中可继承属性:
很多人看了后可能头都大了,这么多怎么记,不用愁,下面我给大家简单分类一下,相信你看过一遍后基本上就掌握了:
1.与文本相关的可继承属性
font-family font-size font-style font-variant font-weight
font letter-spacing line-height text-align text-align
text-indent text-transform word-spacing
2.与列表相关的可继承属性
list-style-image list-style-position list-style-type list-style
3.与颜色相关的属性
color
4.特别解释:font-size属性(继承性比较特殊)
不同于有准确的值被继承,font-size继承的是计算的值.
font-size实际继承值实例:
即:除非font-size值被重新赋值,否则就按照上一次的尺寸大小值继续.比如上图中设置body字体为默认字体(通常为16px=1em)的85%(13.6px),那么下面的字体均为13.6px.而不是继续继承85%,让13.6再次乘以85%.
参考来源:http://wenku.baidu.com/view/6fbe0b270722192e4536f6af.html