此外还有一些CSS属性是不能继承的,最经典如border系列。它被称之为non-inherited property,如果我们不为它设置,我们只能取得浏览器的默认值,默认值在火狐中被称之为 initial value 。一个相关的好消息是,默认值在火狐也可以指定了,这样我们就不用reset样式了! 下面是non-inherited property的一览表: background border bottom clear display float height left margin outline overflow padding position right top visibility width z-index
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
我们给父元素设置了背景颜色,没有设置子元素的,这时会取得浏览器的默认值transparent(W3C那一方好像只要是颜色都会转换为rgb格式,多出的a为Alpha) http://monc.se/kitchen/38/cascading-order-and-inheritance-in-css http://elizabethcastro.com/html/extras/cssref.html 接着我们来看auto,这是一个含糊不清但是有长度概念的值。应用于以下属性: overflow cursor height width marker-offset margin margin-* (left|bottom|top|right|start|end) top bottom left right table-layout z-index -moz-column-width languages 在块级元素的可度量的属性中(如width,height),如果不设置值,其默认值是auto,但它很容易会被父级元素的值覆盖,也就是隐式地成为了inhert了。在内联元素中,由于不具备盒子模型,如果不设置,就算是火狐也原本奉还它,这对于精确计算元素的宽度与高度是非常不利的。auto还有对称性,这个在居中布局我们常常运用到它。在非度量的属性中,如overflow,就要具体情况具体分析了。 PS:此文为https://www.VeVB.COm/article/21718.htm做准备。