子元素会继承父元素的某些css属性。
通常,跟文字内容相关的属性都能被继承。
把属性的属性值设置为inherit就能强制子元素继承父元素该属性的属性值。
面试题
1.css哪些属性可以继承?
继承就是指特定的css属性向下传递到子孙元素。指被包在内部的元素将拥有外部元素的样式属性,即子元素可以继承父元素的属性。
1)字体属性
- font(font-family规定元素的字体、font-weight设置字体的粗细、font-size设置字体的尺寸、font-style定义字体的风格)
- font-variant 设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。
2)文本属性
- text-indent 文本缩进。
- text-align 文本水平对齐。
- line-height 设置行高。
- color 文本颜色。
- word-spacing 增加或减少单词间的空白(即字间隔)。
- letter-spacing 增加或减少字符间的空白(即字符间距)。
- text-transform 控制文本大小写。
- direction 规定文本的书写方向。
3)元素可见性
- visibility 规定文本是否可见。
4)表格布局属性
- border-collapse 设置是否将表格边框折叠为单一边框。
- caption-side 设置表格标题位置。
- border-spacing 设置分隔单元格边框距离。
- empty-cells 设置是否显示表格中的空单元格。
- table-layout 设置单元格、行和列的算法。
5)列表布局属性
- list-style-type 修改用于列表项的标志类型。
- list-style-image 对各标志使用一个图像。
- list-style-position 可以确定标志出现在列表项内容之外还是内容内部。
- list-style 简写列表样式,用于把所有用于列表的属性设置于一个声明中。
6)光标属性
- cursor 规定要显示的光标类型(形状)。
7)页面样式属性
- page 规定元素应该被显示的页面的特定类型。
- page-break-inside 设置在表格元素内部避免进行分页的分页行为。
- windows 设置当元素内部发生分页时,必须在页面顶部保留的最少行数。
- orphans 设置当元素内部发生分页时,必须在页面底部保留的最少行数。
所有元素都可以继承的属性:visibility、cursor。