css的继承属性

继承属性:

(1)说明

当一个元素的继承属性没有指定值的时候,就会使用父元素的属性的计算值。

css的计算值:在继承过程中从父级传输到子级的值。根据指定值计算。

  1. 处理特殊值 inherit、initial、revert、revert-layer 和 unset。initial取在文档根元素该属性的概述。
  2. 执行达到属性定义表中“计算值”行中描述的值所需的计算。涉及到讲相对值(例如单位或百分比值)转换为绝对值。

(2)继承的属性:

  1. 字体属性
    1. font:组合字体
    2. font-family:规定字体系列
    3. font-weight:字体的粗细
    4. font-size:字体的尺寸
    5. font-style:字体的风格
    6. font-variant:设置小型大写字母的字体显示文本,所有的小写字母均会被转换为大写,所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。
    7. font-stretch:可对元素进行收缩变形
    8. font-size-adjust:为某个元素规定一个 aspect 值,字体的小写字母 "x" 的高度与"font-size" 高度之间的比率被称为一个字体的 aspect 值。这样就可以保持首选字体的 x-height。
  2. 文本属性:
    1. 内联元素:
      1. color:文本颜色
      2. direction:文本书写方向
      3. text-transform:文本的大小写
      4. line-height:文本的行高
      5. word-spacing:增加或减少单词间的空白(即字间隔)
      6. letter-spacing:增加或减少单个字符间的空白(字符间距)
    2. 块级元素:
      1. text-indent:文本块的首行文本缩进
      2. text-align:文本对齐方式
  3. 元素可见性:
    1. visbility:规定元素是否可见
  4. 表格布局属性:caption-side,border-collapse,border-spacing,empty-cells,table-layout
  5. 列表布局属性:list-style,list-style-type,list-style-image,list-style-position
  6. 光标属性:cursor
  7. 页面样式属性:page、page-break-inside、windows、orphans
  8. 声音样式属性:speak、speak-punctuation、speak-numeral、speak-header、speech-rate、volume、voice-family、pitch、pitch-range、stress、richness、、azimuth、elevation

非继承属性: 

(1)说明:

当元素的一个非继承属性没有指定值时,取该属性的原始值。

(2)不能继承的属性:

  1. display:设置元素是否被视为块或者内联元素以及用于子元素的布局。
  2. 文本属性:vertical-align,text-decoration
  3. 盒子模型的属性:width,height,margin,border,padding
  4. 背景属性:background,background-color,background-image
  5. 定位属性:float,clear,position,top,right,bottom,left,min-width,min-height,max-width,max-height,overflow,clip

inherit:

inherit关键字表示显式声明继承父元素。这个关键字对继承和非继承都是有效的。

继承来自文档树中的父元素,即使父元素不是包含块。

作用:

inherit关键字可以让子元素获取其父元素的计算值,可以适用于所有css属性。 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/579086.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

实习知识整理9: 点击直接购买按钮后,跳转到确认订单页面

1. 为按钮绑定事件 <button id"addCartButton">加入购物车</button><br/> $("#buyButton").click(function () {if ( ! loginUser) {// 如何将商品信息传递到后台&#xff0c;后台能够将内容在新的订单页面显示$("#buyItemForm&quo…

[SWPUCTF 2021 新生赛]hardrce

[SWPUCTF 2021 新生赛]hardrce wp 参考博客&#xff1a;https://www.cnblogs.com/bkofyZ/p/17644820.html 代码审计 题目的代码如下&#xff1a; <?php header("Content-Type:text/html;charsetutf-8"); error_reporting(0); highlight_file(__FILE__); if(is…

第41节: Vue3 watch函数

在UniApp中使用Vue3框架时&#xff0c;你可以使用watch函数来观察和响应Vue实例上的数据变化。以下是一个示例&#xff0c;演示了如何在UniApp中使用Vue3框架使用watch函数&#xff1a; <template> <view> <input v-model"message" type"text…

数据结构之<堆>的介绍

1.简介 堆是一种特殊的数据结构&#xff0c;通常用于实现优先队列。堆是一个可以被看作近似完全二叉树的结构&#xff0c;并且具有一些特殊的性质&#xff0c;根据这些性质&#xff0c;堆被分为最大堆&#xff08;或者大根堆&#xff0c;大顶堆&#xff09;和最小堆两种。 2.…

H266/VVC帧间预测编码技术概述

帧间预测编码简述 帧间预测利用视频时间域的相关性&#xff0c;使用邻近已编码图像像素值预测当前图像的像素值&#xff0c;能有效去除视频时域冗余。 目前主要的视频编码标准中&#xff0c;帧间预测都采用基于块的运动补偿技术&#xff0c;不同的编码标准有不同的分块方式。 …

爆款前端设计工具揭晓!提高工作效率的5款神器,助你事半功倍!

前端设计工具以更低的成本提供更快的移动开发&#xff0c;他们帮助前端开发人员有效地创建响应设计&#xff0c;但找到一个实用的前端设计工具并不容易&#xff0c;在这里&#xff0c;即时设计师为您组织了五个免费和易于使用的前端页面工具&#xff0c;来选择一个&#xff01;…

使用Visual Studio调试VisionPro脚本

使用Visual Studio调试VisionPro脚本 方法一 &#xff1a; 修改项目文件 csproj步骤&#xff1a; 方法二 &#xff1a; Visual Studio附加功能步骤&#xff1a; 方法一 &#xff1a; 修改项目文件 csproj 步骤&#xff1a; 开启VisionPro脚本调试功能 创建一个VisionPro程序…

我的2023——致敬过去的360天(抢先版)

岁末伊始&#xff0c;2023年马上结束了&#xff0c;突然发现该是年检复盘的时候了。 “一个男孩要经历多少困苦才能成为一个男人”。在前半年工作中&#xff0c;我正在逐渐从技术“大头兵”向部门牵头人进行转变&#xff0c;在这之前是佳诚在默默帮我做着这些工作&#xff0c;…

如何快速删除pdf周围的空白

问题&#xff1a;写论文往往需要pdf格式的图片&#xff0c;但pdf往往四周存在大量空白需要手动截图很麻烦 解决&#xff1a; 打开命令行输入&#xff1a;pdfcrop 图片名.pdf

kotlin遍历list

方法一 for in val list1: List<String> listOf("A", "B", "C", "D", "E")for (i in list1) {Log.d("*******log", i)} 方法二&#xff1a;使用until val list1: List<String> listOf("A&q…

理解io/nio/netty

一、io io即input/output&#xff0c;输入和输出 1.1 分类 输入流、输出流&#xff08;按数据流向&#xff09; 字节流&#xff08;InputStream/OutputStream&#xff08;细分File/Buffered&#xff09;&#xff09;、字符流(Reader/Writer&#xff08;细分File/Buffered/pu…

智能优化算法应用:基于卷积优化算法3D无线传感器网络(WSN)覆盖优化 - 附代码

智能优化算法应用&#xff1a;基于卷积优化算法3D无线传感器网络(WSN)覆盖优化 - 附代码 文章目录 智能优化算法应用&#xff1a;基于卷积优化算法3D无线传感器网络(WSN)覆盖优化 - 附代码1.无线传感网络节点模型2.覆盖数学模型及分析3.卷积优化算法4.实验参数设定5.算法结果6.…

[AIGC] ArrayList介绍

在Java编程中&#xff0c;我们经常需要存储和处理一组数据。为了更方便地管理数据集合&#xff0c;Java提供了许多集合类。其中之一就是ArrayList。 文章目录 是什么为什么怎么用总结 是什么 ArrayList是Java中的一个动态数组类&#xff0c;它实现了List接口。它可以自动调整大…

完美解决org.apache.jasper.JasperException: java.lang.ClassNotFoundException: org.apache.jsp.index_jsp

已解决org.apache.jasper.JasperException: java.lang.ClassNotFoundException: org.apache.jsp.index_jsp 下滑查看解决方法 文章目录 报错问题解决思路解决方法交流 报错问题 org.apache.jasper.JasperException: java.lang.ClassNotFoundException: org.apache.jsp.index_…

LINUX自启动线程学习笔记

由于嵌入式处理器的性能不够&#xff0c;希望尽量能减少不必要的启动进程。对处理器启动进程进行了学习&#xff0c;了解哪些相关介绍判断哪些必须保留的线程。 当前我使用的LINUX 系统启动后的线程 # ps PID USER COMMAND1 root init //启动部分的和GRUB相关2 ro…

Duboo-入门到学废【上篇】

目录 1&#x1f95e;.什么是duboo 2&#x1f32d;.架构图 3.&#x1f37f;快速入门 4.&#x1f9c7;浅浅理解 1.什么是duboo&#x1f936;&#x1f936;&#x1f936; Dubbo是一个由阿里巴巴开发的基于Java的开源RPC框架。它提供了高性能、透明化的远程方法调用&#xff0…

JWT 单点登录探析:原理、用途与安全实践

JWT 单点登录探析&#xff1a;原理、用途与安全实践 什么是 JWT&#xff1f; JWT &#xff08;JSON Web Token&#xff09; 是目前最流行的跨域认证解决方案&#xff0c;是一种基于 Token 的认证授权机制。 从 JWT 的全称可以看出&#xff0c;JWT 本身也是 Token&#xff0c…

给WordPress网站添加返回顶部按钮

给WordPress网站底部添加一个按钮&#xff0c;点它就可以现实快速返回到顶部。有两种方法可以现实&#xff0c;一种是通过安装相关插件来实现。另外一种方式就是以纯属代码的方式来实现。 给WordPress网站底部添加一个按钮&#xff0c;点它就可以现实快速返回到顶部。有两种方…

操作系统 面试第一弹

1. 进程和线程的区别 进程&#xff08;Process&#xff09;和线程&#xff08;Thread&#xff09;是操作系统中的重要概念&#xff0c;它们表示执行中的程序的不同执行单元。下面是它们的区别&#xff1a; 定义&#xff1a;进程是一个独立的执行环境&#xff0c;具有独立的内存…

【深度学习】DataComp论文,数据集介绍,大数据模型的数据集介绍

参考&#xff1a; https://laion.ai/blog/datacomp/ 论文&#xff1a;https://arxiv.org/abs/2304.14108 文章目录 论文报告的一些内容datacomp-1B 数据质量比lainon2B要好不同规模数据有多少数据数据处理数据来源 论文报告的一些内容 摘要 多模态数据集是近期如CLIP、Stable …