CSS中常见的可继承属性 以及 不可继承属性

CSS知识点自检

---

CSS中的继承性: 子标签会继承父标签的某些样式，如文本颜色和字号。简单的理解就是：子承父业。

恰当地使用继承可以简化代码，降低 CSS 样式的复杂性，便于维护。

下面我将列举一些常见的可继承属性和不可继承属性。

可继承属性

字体系列属性

• font：组合字体
• color：字体颜色
• font-family：规定元素的字体系列
• font-size：设置字体的尺寸
• font-style：定义字体的风格
• font-weight：设置字体的粗细
• font-variant：设置小型大写字母的字体显示文本

文本系列属性

• line-height：行高
• text-indent：文本缩进
• text-align：文本水平对齐
• text-shadow：设置文本阴影
• white-space：设置处理元素内的空白方式
• word-spacing：增加或减少单词间的空白（单词间距）
• letter-spacing：增加或减少字符间的空白（字符间距）
• text-transform：英文大小写转换
• direction：规定文本的书写方向

注意：a 标签的字体颜色不能被继承；h1~h6标签字体的大小也是不能被继承的。

表格布局属性

• caption-side：表格标题的放置方式
• border-collapse：合并表格边框
• border-spacing：设置相邻单元格的边框间的距离
• empty-cells：隐藏表格中空单元格上的边框和背景

列表元素属性

• list-style
• list-style-type
• list-style-image
• list-style-position

所有子元素都可继承属性

• visibility：元素可见性
• cursor：光标属性
• z-index：堆叠顺序

不可继承属性

• display属性
• 文本属性：vertical-align、text-decoration
• 盒子模型的属性: width、height、padding、margin、boder等
• 背景属性：background-image、background-color、background-position等
• 定位属性：float、clear、position、transform等
• 生成内容属性: content、counter-reset、counter-increment
• 轮廓样式属性: outline-style、outline-width、outline-color、outline

待续。