CSS中可继承与不可继承属性

可继承

1. 字体属性：

font、font-style、font-variant、font-weight、font-size、line-height等属性是字体样式的属性，都可以被子元素继承。

2. 文本属性：

color、text-indent、text-align、text-decoration、text-transform、letter-spacing、word-spacing等属性也是可以被子元素继承的属性。

3. 元素可见性：

visibility属性可以被子元素继承，它可以将元素隐藏起来，但不会改变网页的布局。

4. 表格属性：

border-collapse、border-spacing、caption-side、empty-cells等表格属性也是可继承属性。

5. 列表属性：

list-style、list-style-type、list-style-position等列表属性也可以被子元素继承，用于设置无序列表和有序列表的样式。

6. 其他属性：

cursor、direction、unicode-bidi、outline、quotes、pointer-events等一些其他的属性也是可继承属性。

CSS属性的继承是CSS的一项非常强大的功能。这些属性的继承可以让你的CSS代码更加简洁、易于管理，同时也可以大大提高网站的性能。在设置CSS样式时，你可以根据需要选择继承或不继承属性，以便更好地控制页面样式。

---

不可继承

1. display：

规定元素应该生成的框的类型

2. 文本属性：

• vertical-align：垂直文本对齐
• text-decoration：规定添加到文本的装饰
• text-shadow：文本阴影效果
• white-space：空白符的处理
• unicode-bidi：设置文本的方向

3. 盒子模型的属性：

width、height、margin、border、padding

4. 背景属性：

background、background-color、background-image、background-repeat、background-position、background-attachment

5. 定位属性：

float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip、z-index

6. 生成内容属性：

content、counter-reset、counter-increment

7. 轮廓样式属性：

outline-style、outline-width、outline-color、outline

8. 页面样式属性：

size、page-break-before、page-break-after

9. 声音样式属性：

pause-before、pause-after、pause、cue-before、cue-after、cue、play-during