CSS属性继承

CSS中的继承

继承：http元素可以从父元素那里继承一部分css属性，即使当前元素没有定义该属性，但并不是所有的属性都是默认继承的。

通过文档中的 inherted:yes来判断属性是否可以继承。

一.无继承的属性

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

• 文本属性.

  • vertical-aligin:垂直居中
  • text-decoration:添加到文本的装饰
  • text-shadow:文本阴影效果
  • white-space:空白符的处理
  • unicode-bidi:设置文本的方向

• 盒子模型的属性

  • width
  • height
  • margin
  • margin-top
  • margin-left
  • margin-buttom
  • marigin-right
  • border
  • border-style
  • border-top-style
  • border-rigth-style
  • border-bottom-style
  • border-left-style
  • border-width
  • border-top
  • border-right-right
  • border-bottom-width
  • border-left-width
  • border-color
  • border-top-color
  • border-right-color
  • border-bottom-color
  • border-left-color
  • border-right
  • border-bottom
  • border-left
  • padding
  • padding-top
  • padding-right
  • padding-bottom
  • padding-left

• 背景属性：

  • background
  • background-color
  • background-image
  • background-repeat
  • background-position
  • background-attachment

• 定位属性

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

• 生成内容属性

  • content
  • couter-reset
  • counter-increment

• 轮廓样式属性

  • outline-style
  • outline-width
  • outline-color
  • outline

• 页面样式属性

  • size
  • page-break-before
  • page-break-after

• 声音样式属性

  • pause-before
  • pause-after
  • pause
  • cue-before
  • cue-after
  • cue
  • play-during

二，有继承性的属性

• 字体系列属性
  font-组合字体
  font-family
  font-weight
  font-size
  font-style:定义字体的风格
  font-variant：设置小型大写字母的字体显示文本
  font-stretch：对当前的font-family进行伸缩变形
  font-size-adjust

• 文本系列属性

  • test-indent:文本缩进
  • text-aligin:水平对齐
  • line-height
  • word-spacing:增加或减少单词间的空白（字间距）
  • letter-spacing:增加或减少资附件的空白（字符间距）
  • text-transform:控制文本大小写
  • direction:文本方向
  • color:文本颜色

所有元素可以继承的属性

• 元素可见性：visibility
• 光标属性：cursor

内联样式可以继承的属性

• 字体系列属性
• 除test-indent，text-aligin之外的文本系列属性

块级元素可以继承的属性

• test-indent
• text-align