可继承
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