css 的继承与不可继承属性

173 阅读1分钟

不可继承

1.display
2.文本属性

  • vertical-align: 垂直文本对齐
  • text-decoration: 规定添加到文本的装饰
  • text-shaow: 文本阴影效果
  • 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.内容属性:conten、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、paly-during

可继承属性

1.字体属性

  • font-family: 字体系列
  • font-weight: 字体粗细
  • font-size: 字体大小
  • font-style: 字体风格

2.文本属性

  • text-indent: 文本缩进
  • text-align: 文本水平对齐
  • line-height: 行高
  • word-spacing: 单词之间的间距
  • letter-spacing: 中文或者字母之间的间距
  • text-transform: 控制文本大小写(capitalize:强制每个单词的首字母转换为大写;uppercase:强制所有字符被转换为大写;lowercase:强制所有字符被转换为小写;none:阻止所有字符的大小写被转换)
  • color:文本颜色

3.元素可见性

  • visibility:控制元素显示隐藏

4.列表布局属性

  • list-style:列表风格,包括list-style-type、list-style-image等

5.光标属性

  • cursor:光标显示为何种形态