css继承指的是什么意思

这篇文章将为大家详细讲解有关css继承指的是什么意思,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

继承是一种规则,它允许样式不仅应用于某个特定html标签元素,还可应用于其后代元素。css继承是指设置父级的css样式,父级及以下的子级元素都具有此属性。css继承的作用:给父元素设置一些属性,子元素也可以使用。

<强> css继承

继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。

css继承可定义为特定的css属性向下传递到子孙元素,就是指被包在内部的标签将拥有外部标签的样式,即子元素可以继承父元素的属性。

<强>继承性的作用:给父元素设置一些属性,子元素也可以使用。

例如下面的代码,div中包含2个p标签,1个内标签,当给div设置字体颜色为红色时,他的子标签会继承父元素的属性,因而会显示红色。

& lt; ! DOCTYPE  html> 　　& lt; html> 　　& lt; head> 　　,,,& lt; meta  charset=癠TF-8"比; 　　,,,& lt; title> & lt;/title> 　　,,,& lt; style> 　　,,,,,,,div  { 　　,,,,,,,,,,,颜色:,红色; 　　,,,,,,,} 　　,,,& lt;/style> 　　& lt;/head> 　　& lt; body> 　　,,,& lt; div> 　　,,,,,,,& lt; p>苹果& lt;/p> 　　,,,,,,,& lt; p>香蕉& lt;/p> 　　,,,,,,,& lt; span>葡萄& lt;/span> 　　,,,& lt;/div> 　　& lt;/body> 　　

当然了，上述例子中我们的属性是可以被继承的，但是并不是所有属性都可以被继承的，那么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：设置或检索表格头与其后的一系列单元格发生多少次关系。

css继承指的是什么意思