千家信息网

css继承性是什么

发表于:2025-02-05 作者:千家信息网编辑
千家信息网最后更新 2025年02月05日,这篇"css继承性是什么"文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇"css继承性是
千家信息网最后更新 2025年02月05日css继承性是什么

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

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

  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继承性是什么"这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注行业资讯频道。

属性 元素 继承性 检索 字体 内容 声音 文本 样式 表格 类型 单元 标签 页面 大写 字母 标志 边框 代码 例子 数据库的安全要保护哪些东西 数据库安全各自的含义是什么 生产安全数据库录入 数据库的安全性及管理 数据库安全策略包含哪些 海淀数据库安全审计系统 建立农村房屋安全信息数据库 易用的数据库客户端支持安全管理 连接数据库失败ssl安全错误 数据库的锁怎样保障安全 数据库中怎样导入数据库中 神通数据库好不好 加载项怎么添加数据库 服务器电源碳化硅解决方案 简述无线传感网络技术 东莞市移动网络技术有限公司 提交信息即可打印简历服务器 软件开发类履约担保 数据库怎么备份有约束的表 青岛周氏网络技术公司加班吗 云服务器企业软件服务 云服务器什么时候开发 我的世界中世纪整合包服务器 实验七数据库设计小型数据库 绍兴专业软件开发 python建立窗体查询数据库 温州分布式服务器行情 2021网络技术有哪些学校 如何制作漂亮的excel数据库 翻墙海外代理服务器 什么邮箱发送能备份到服务器 数据库i o 网络安全关系你我他新闻稿 软件开发类履约担保 数据库有多少种组合 电脑如何检查服务器是否开启 西安市未央区青易网络技术服务部 与网络技术相关单位工作 天津中力电气软件开发 软件开发及实施 项目管理
0