css继承性是什么

这篇“CSS继承性是什么”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“css继承性是什么”文章吧。

　　css继承是什么意思？

　　看了文档树后，我们css中的继承就可以定义为特定的css属性向下传递到子孙元素。这其实也很好理解，就是指被包在内部的标签将拥有外部标签的样式性，即子元素可以继承父元素的属性。

　　我们下面就用一个例子再来具体的说明一下css的继承性是什么。

　　<p>

　　CSS<em>继承性</em>代码

　　</p>

　　需要注意的是em是包含在p之内的。

　　当我们指定p的css样式时，看看em会有什么变化呢？

　　<style>

　　p{color:red;}

　　</style>

　　在浏览器中p标签和em标签的字体同时变红。我们并没有指定em的样式，但em继承了它的父亲元素p的样式特性。

　　看到这里，我相信你应该非常清楚css中的继承是什么意思了，其实css继承在我们写代码时是经常会用到的，甚至在不知不觉间就用到了。

　　当然了，上述例子中我们的属性是可以被继承的，但是并不是所有属性都可以被继承的，那么css有哪些属性可以继承呢？下面我们来总结一下。

　　css有哪些属性可以继承？

　　1、css中有继承性的属性之字体属性中的：

　　font：字体。font-family：规定元素的字体。font-weight：设置字体的粗细。

　　font-size：设置字体的尺寸。font-style：定义字体的风格。

　　font-variant：设置小型大写字母的字体显示文本，这意味着所有的小写字母均会被转换为大写，但是所有使用小型大写字体的字母与其余文本相比，其字体尺寸更小。

　　font-stretch：对当前的font-family进行伸缩变形。所有主流浏览器都不支持。

　　font-size-adjust：为某个元素规定一个aspect值，这样就可以保持首选字体的x-height。

　　2、css中有继承性的属性之文本属性中的：

　　text-indent：文本缩进。text-align：文本水平对齐。line-height：行高。Word-spacing：增加或减少单词间的空白（即字间隔）。

　　letter-spacing：增加或减少字符间的空白（字符间距）。text-transfORM：控制文本大小写。direction：规定文本的书写方向。

　　color：文本颜色

　　3、css中有继承性的属性之元素可见性：

　　visibility：规定元素是否可见。

　　4、css中有继承性的属性之表格布局属性：

　　caption-side：设置表格标题的位置。border-collapse：设置是否将表格边框折叠为单一边框。

　　border-spacing：设置分隔单元格边框的距离。empty-cells：设置是否显示表格中的空单元格。

　　table-layout：设置显示单元、行和列的算法。

　　5、css中有继承性的属性之列表布局属性：

　　list-style-type：修改用于列表项的标志类型。list-style-image：对各标志使用一个图像。

　　list-style-position：可以确定标志出现在列表项内容之外还是内容内部。

　　list-style：简写列表样式，用于把所有用于列表的属性设置于一个声明中。

　　6、css中有继承性的属性之生成内容属性：

　　quotes：设置嵌套引用的引号类型。

　　7、css中有继承性的属性之光标属性：

　　cursor：规定要显示的光标的类型（形状）

　　8、css中有继承性的属性之页面样式属性：

　　page：规定元素应该被显示的页面特定类型。page-break-inside：设置在表格元素内部避免进行分页的分页行为。

　　windows：设置当元素内部发生分页时必须在页面顶部保留的最少行数。

　　orphans：设置当元素内部发生分页时必须在页面底部保留的最少行数。

　　9、css中有继承性的属性之声音样式属性

　　speak：设置或检索声音是否给出。speak-punctuation：设置或检索标点符号如何发音。

　　speak-numeral：设置或检索数字如何发音。speak-header：设置或检索表格头与其后的一系列单元格发生多少次关系。

　　speech-rate：设置或检索发音速度。volume：设置或检索音量。

　　voice-family：设置或检索当前声音类型。pitch：设置或检索音高。

　　pitch-range：设置或检索声音的平滑程度。stress：和pitch-range相似。设置或检索当前声音波形的最高峰值。

　　richness：设置或检索当前声音的音色。azimuth：设置或检索当前声音的音场角度。

　　elevation：设置或检索当前声音的音源仰角。

　　10、所有元素可以继承的属性：visibility、cursor

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

　　（1）字体系列属性

　　（2）除text-indent、text-align之外的文本系列属性

　　12、块级元素可以继承的属性：text-indent、text-align

以上就是关于“css继承性是什么”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注编程网node.js频道。