0

0

css继承是什么意思?css哪些属性可以继承?

不言

不言

发布时间:2018-09-03 17:23:46

|

9636人浏览过

|

来源于php中文网

原创

css的学习过程中,我们会遇到一些属性可以继承,那么,css中的继承是什么意思?有哪些属性可以继承呢?本篇文章就给大家来介绍一下css中继承性的内容。

我们定义css继承前,先来看一看HTML DOM(文档树),HTML DOM(文档树)是由html元素组成,文档树和家族树类似,也有祖先、后代、父亲、孩子和兄弟。其实很容易就可以理解,这里就不多说了,要想了解更多的话可以看一下这个HTML DOM中文参考手册

css继承是什么意思?

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

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

立即学习前端免费学习笔记(深入)”;

CSS继承性代码

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

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

在浏览器中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:对各标志使用一个图像。

LongShot
LongShot

LongShot 是一款 AI 写作助手,可帮助您生成针对搜索引擎优化的内容博客。

下载

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继承所给大家总结的内容了,当然了,如果你想在更进一步的去认识css继承的有关知识,你可以去php中文网看一看css视频教程栏目或者css3视频教程栏目,里面的各式css相关的视频。

相关推荐:

CSS 继承深度解析

css中属性值继承介绍

相关专题

更多
php文件怎么打开
php文件怎么打开

打开php文件步骤:1、选择文本编辑器;2、在选择的文本编辑器中,创建一个新的文件,并将其保存为.php文件;3、在创建的PHP文件中,编写PHP代码;4、要在本地计算机上运行PHP文件,需要设置一个服务器环境;5、安装服务器环境后,需要将PHP文件放入服务器目录中;6、一旦将PHP文件放入服务器目录中,就可以通过浏览器来运行它。

2015

2023.09.01

php怎么取出数组的前几个元素
php怎么取出数组的前几个元素

取出php数组的前几个元素的方法有使用array_slice()函数、使用array_splice()函数、使用循环遍历、使用array_slice()函数和array_values()函数等。本专题为大家提供php数组相关的文章、下载、课程内容,供大家免费下载体验。

1334

2023.10.11

php反序列化失败怎么办
php反序列化失败怎么办

php反序列化失败的解决办法检查序列化数据。检查类定义、检查错误日志、更新PHP版本和应用安全措施等。本专题为大家提供php反序列化相关的文章、下载、课程内容,供大家免费下载体验。

1240

2023.10.11

php怎么连接mssql数据库
php怎么连接mssql数据库

连接方法:1、通过mssql_系列函数;2、通过sqlsrv_系列函数;3、通过odbc方式连接;4、通过PDO方式;5、通过COM方式连接。想了解php怎么连接mssql数据库的详细内容,可以访问下面的文章。

948

2023.10.23

php连接mssql数据库的方法
php连接mssql数据库的方法

php连接mssql数据库的方法有使用PHP的MSSQL扩展、使用PDO等。想了解更多php连接mssql数据库相关内容,可以阅读本专题下面的文章。

1402

2023.10.23

html怎么上传
html怎么上传

html通过使用HTML表单、JavaScript和PHP上传。更多关于html的问题详细请看本专题下面的文章。php中文网欢迎大家前来学习。

1231

2023.11.03

PHP出现乱码怎么解决
PHP出现乱码怎么解决

PHP出现乱码可以通过修改PHP文件头部的字符编码设置、检查PHP文件的编码格式、检查数据库连接设置和检查HTML页面的字符编码设置来解决。更多关于php乱码的问题详情请看本专题下面的文章。php中文网欢迎大家前来学习。

1440

2023.11.09

php文件怎么在手机上打开
php文件怎么在手机上打开

php文件在手机上打开需要在手机上搭建一个能够运行php的服务器环境,并将php文件上传到服务器上。再在手机上的浏览器中输入服务器的IP地址或域名,加上php文件的路径,即可打开php文件并查看其内容。更多关于php相关问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

1303

2023.11.13

php源码安装教程大全
php源码安装教程大全

本专题整合了php源码安装教程,阅读专题下面的文章了解更多详细内容。

74

2025.12.31

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Sass 教程
Sass 教程

共14课时 | 0.7万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 2.7万人学习

CSS教程
CSS教程

共754课时 | 17.4万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号