CSS属性的继承原则

什么是不可继承？
是指子节点不能继承父节点的属性。

不可继承的属性：
display、margin、border、padding、background、height、min-height、max- height、width、min-width、max-width、overflow、position、left、right、top、 bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、 page-bread-before和unicode-bidi。

示例：

<div style="border:1px solid blue">
  这是父节点
  <p>这是子节点</p>
</div>

如果子节点能继承父节点的border属性，那么也会有一个蓝色边框。

什么是可继承？
可继承就是父节点设置了这个属性后，子节点就可以继承他的属性。

可继承属性

• 所有元素可继承：visibility和cursor。
• 内联元素可继承：letter-spacing、word-spacing、white-space、line-height、color、font、 font-family、font-size、font-style、font-variant、font-weight、text- decoration、text-transform、direction。
• 块状元素可继承：text-indent和text-align。
• 列表元素可继承：list-style、list-style-type、list-style-position、list-style-image。
• 表格元素可继承：border-collapse。

<div style="font-size:16px;color:blue">
  这是父节点
  <p>这是子节点</p>
</div>

子节点继承了父节点的字体大小和颜色的属性。

块级元素和内联元素可参考：http://www.jianshu.com/p/50e6ef5112a6
块级元素和内联元素的转换可参考：http://www.jianshu.com/p/02f9d528397c