CSS中定义的一些属性具有可继承性，这些属性不仅会影响当前选择器所指定的元素，还会影响该元素的子孙元素。每个CSS属性定义的概述都指出了这个属性是默认继承的还是默认不继承的，所有的CSS属性可以因此被分为继承属性和非继承属性。
继承属性没有指定值时，则根据父元素的同属性的值进行取值。常见的继承属性包括：
◇ 字体属性，如字体尺寸font-size、字体系列font-family、字体粗细font-weight等。
◇ 部分文本排版属性，如文本水平对齐text-align、行高line-height、文本颜色color等。
◇ 可见性属性visibility。
◇ 光标属性cursor。
◇ 列表元素属性，如列表风格list-style。
◇ 表格元素属性，如表格边框模式border-collapse。
动手写9.3.7 继承属性
“动手写9.3.7”中定义了p元素的字体大小属性font-size为24px，页面中的p元素受到影响。该p元素还有一个span子元素，span元素虽然没有定义字体大小，但是因为font-size是一个继承属性，所以span内的字体大小也是24px。其效果如图9.3.6所示：
图9.3.6 继承属性(www.xing528.com)
非继承属性没有指定值时，则取属性的默认初始值。常见的非继承属性包括：
◇ 展示方式属性display。
◇ 定位属性，如定位方式position、相对上方距离top、浮动方式float、堆叠次序z-index等。
◇ 高宽边距相关属性，如宽度width、外边距margin、内边距padding等。
◇ 内容属性，如内容文本content、计数器规则counter-increment等。
◇ 背景属性，如背景颜色background-color、背景图片background-image等。
◇ 部分文本排版属性，如垂直文本对齐vertical-align、文本阴影text-shadow、空白符处理white-space等。
动手写9.3.8 非继承属性
“动手写9.3.8”中为div元素设定了背景颜色background-color、宽度width和高度height。这三个属性都是非继承属性，所以div的子元素p的背景颜色、宽度和高度都与之无关。不过，由于p元素是块级元素，默认背景色是透明，默认宽度值是100%，所以看上去很像是继承了父级元素的属性。本例的效果如图9.3.7所示：
图9.3.7 非继承属性
免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。
