关于CSS继承

什么是 CSS 继承?

CSS继承是指子元素能够拥有和父元素一样的属性。不用特地在子元素上定义但是也能在页面上展示出来。

哪些属性能继承

1.字体系列属性

  • font：组合字体
  • font-family：规定元素的字体系列
  • font-weight：设置字体的粗细
  • font-size：设置字体的尺寸
  • font-style：定义字体的风格
  • font-variant：设置小型大写字母的字体显示文本，这意味着所有的小写字母均会被转换为大写，但是所有使用小型大写字体的字母与其余文本相比，其字体尺寸更小。
  • font-stretch：对当前的 font-family 进行伸缩变形。所有主流浏览器都不支持。
  • font-size-adjust：为某个元素规定一个 aspect 值，这样就可以保持首选字体的 x-height。

2、文本系列属性

  • text-indent：文本缩进
  • text-align：文本水平对齐
  • line-height：行高
  • word-spacing：增加或减少单词间的空白（即字间隔）
  • letter-spacing：增加或减少字符间的空白（字符间距）
  • text-transform：控制文本大小写
  • direction：规定文本的书写方向
  • color：文本颜色

3、元素可见性：

  • visibility

4、表格布局属性：

  • caption-side
  • border-collapse
  • border-spacing
  • empty-cells
  • table-layout

5、列表布局属性：

  • list-style-type
  • list-style-image
  • list-style-position
  • list-style

6、生成内容属性：

  • quotes

7、光标属性：

  • cursor

8、页面样式属性：

  • page
  • page-break-inside
  • windows
  • orphans

9、声音样式属性：

  • speak
  • speak-punctuation
  • speak-numeral
  • speak-header
  • speech-rate
  • volume
  • voice-family
  • pitch
  • pitch-range
  • stress
  • richness
  • azimuth
  • elevation

二、有继承性的属性

1、字体系列属性

  • font：组合字体
  • font-family：规定元素的字体系列
  • font-weight：设置字体的粗细
  • font-size：设置字体的尺寸
  • font-style：定义字体的风格
  • font-variant：设置小型大写字母的字体显示文本，这意味着所有的小写字母均会被转换为大写，但是所有使用小型大写字体的字母与其余文本相比，其字体尺寸更小。
  • font-stretch：对当前的 font-family 进行伸缩变形。所有主流浏览器都不支持。
  • font-size-adjust：为某个元素规定一个 aspect 值，这样就可以保持首选字体的 x-height。

2、文本系列属性

  • text-indent：文本缩进
  • text-align：文本水平对齐
  • line-height：行高
  • word-spacing：增加或减少单词间的空白（即字间隔）
  • letter-spacing：增加或减少字符间的空白（字符间距）
  • text-transform：控制文本大小写
  • direction：规定文本的书写方向
  • color：文本颜色

3、元素可见性：

  • visibility

4、表格布局属性：

  • caption-side
  • border-collapse
  • border-spacing
  • empty-cells
  • table-layout

5、列表布局属性：

  • list-style-type
  • list-style-image
  • list-style-position
  • list-style

6、生成内容属性：

  • quotes

7、光标属性：

  • cursor

8、页面样式属性：

  • page
  • page-break-inside
  • windows
  • orphans

9、声音样式属性：

  • speak
  • speak-punctuation
  • speak-numeral
  • speak-header
  • speech-rate
  • volume
  • voice-family
  • pitch
  • pitch-range
  • stress
  • richness
  • azimuth
  • elevation

三、所有元素可以继承的属性

1、元素可见性：

  • visibility

2、光标属性：

  • cursor

四、内联元素可以继承的属性

1、字体系列属性
2、除text-indent、text-align之外的文本系列属性

五、块级元素可以继承的属性

1、text-indent、text-align