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

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

一、无继承性的属性

1. display：规定元素应该生成的框的类型
2. 文本属性：

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

1. 盒子模型的属性：width、height、margin、border、padding
2. 背景属性：background、background-color、background-image、background-repeat、background-position、background-attachment
3. 定位属性：float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip、z-index
4. 生成内容属性：content、counter-reset、counter-increment
5. 轮廓样式属性：outline-style、outline-width、outline-color、outline
6. 页面样式属性：size、page-break-before、page-break-after
7. 声音样式属性：pause-before、pause-after、pause、cue-before、cue-after、cue、play-during

二、有继承性的属性

1. 字体系列属性

● font-family：字体系列
● font-weight：字体的粗细
● font-size：字体的大小
● font-style：字体的风格

1. 文本系列属性

● text-indent：文本缩进
● text-align：文本水平对齐
● line-height：行高
● word-spacing：单词之间的间距
● letter-spacing：中文或者字母之间的间距
● text-transform：控制文本大小写（就是uppercase、lowercase、capitalize这三个）
● color：文本颜色

1. 元素可见性

● visibility：控制元素显示隐藏

1. 列表布局属性

● list-style：列表风格，包括list-style-type、list-style-image等

1. 光标属性

● cursor：光标显示为何种形态