大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这篇“css继承性是什么”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“css继承性是什么”文章吧。
创新互联公司成都网站建设按需设计网站,是成都网站建设公司,为成都门窗定制提供网站建设服务,有成熟的网站定制合作流程,提供网站定制设计服务:原型图制作、网站创意设计、前端HTML5制作、后台程序开发等。成都网站设计热线:13518219792
css继承是什么意思?
看了文档树后,我们css中的继承就可以定义为特定的css属性向下传递到子孙元素。这其实也很好理解,就是指被包在内部的标签将拥有外部标签的样式性,即子元素可以继承父元素的属性。
我们下面就用一个例子再来具体的说明一下css的继承性是什么。
CSS继承性代码
需要注意的是em是包含在p之内的。
当我们指定p的css样式时,看看em会有什么变化呢?
p{color:red;}
在浏览器中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继承性是什么”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注创新互联行业资讯频道。