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