CSS的全局值 initial inherit revert overlay unset

在CSS中,全局值是一组特殊的值,可以应用于大多数的CSS属性,用于改变这些属性的默认值、继承行为或重置为浏览器的默认样式。不过,需要注意的是,overlay 并不是一个标准的或广泛支持的全局值。以下是关于 initialinheritrevertunset 的解释,以及为何 overlay 不被包括在内:

  1. initial

    • 当一个CSS属性被设置为 initial 时,它将采用该属性在CSS规范中定义的初始值。
    • 这可以用于重置一个属性,去除所有继承的或之前设置的样式。
  2. inherit

    • 属性设置为 inherit 时,元素将继承其父元素对应属性的值。
    • 这是实现样式从父元素传递到子元素的一种方式,即使该属性通常不是继承属性。
  3. revert

    • revert 关键字用于将CSS自定义属性(即CSS变量)重置为浏览器默认样式中该属性的值。
    • 如果浏览器默认样式中没有为该自定义属性指定值,则 revert 将无效。
    • 这个关键字主要用于在开发者定义的样式和浏览器默认样式之间做切换。
  4. unset

    • unset 关键字根据属性的继承性来决定其行为。
    • 对于继承属性,unset 相当于 inherit,使元素采用其父元素的属性值。
    • 对于非继承属性,unset 相当于 initial,将属性重置为其初始值。
  5. overlay (非标准全局值)

    • overlay 不是一个标准的CSS全局值,也没有广泛的支持。
    • 在某些上下文中,overlay 可能被用作一个非标准的值或特定于某个浏览器引擎的扩展。
    • 如果你在某个特定的CSS框架、库或文档中看到了 overlay,那么它可能是该环境特有的一个值或关键字。

使用这些全局值时,重要的是要理解它们的行为,并检查你的目标浏览器是否支持这些值。特别是 revert,因为它是一个相对较新的关键字,可能不是所有浏览器都支持。同样地,由于 overlay 不是标准值,因此在使用之前应该进行充分的测试和研究。



在CSS中,initialinheritrevertoverlayunset 是特殊的值,它们可以应用于大多数CSS属性,以改变属性值的继承、重置或层叠行为。下面是这些关键字的简要说明:

  1. initial

    • initial 关键字将属性设置为其初始值,即该属性在CSS规范中定义的默认值。
    • 使用这个值可以覆盖继承的样式或其他样式表中的样式,将属性重置回其原始状态。
  2. inherit

    • inherit 关键字使元素继承其父元素的相应属性值。
    • 如果一个属性默认不继承,使用 inherit 可以强制它继承父元素的属性值。
  3. revert

    • revert 是一个相对较新的值,用于撤销自定义属性(CSS变量)的自定义值,使其回退到浏览器默认样式表中的值(如果存在的话)。
    • 它通常用于在自定义样式表中重置特定的CSS变量值。
    • 注意:revert 只对自定义属性有效,并且不是所有浏览器都支持这个关键字。
  4. overlay

    • overlay 关键字在CSS的层叠上下文中具有特殊意义,但它并不是一个广泛支持或标准化的值。在撰写此回答时(2023年),overlay 并不是一个标准的CSS值。
    • 可能你是在提到某个特定的CSS框架或库中的功能,或者是未来的CSS特性,但在当前的CSS规范中并没有这个关键字。
  5. unset

    • unset 关键字将属性重置为其自然值,这取决于属性是继承的还是非继承的。
    • 对于继承属性,unset 的行为类似于 inherit,它将使元素继承其父元素的属性值。
    • 对于非继承属性,unset 的行为类似于 initial,它将属性设置为其初始值。

使用这些关键字时,请务必检查它们的浏览器兼容性和预期的行为,因为CSS的规范可能会随着时间而更新,而浏览器的支持情况也会有所不同。

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

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

相关文章

使用IntelliJ IDEA查看接口的全部实现方法

在大型Java项目中,经常会使用接口和抽象类进行代码设计。为了更好地了解代码结构和功能,我们需要快速查看一个接口的所有实现类。IntelliJ IDEA提供了一些方便的方法来实现这一目标。 1. 点击查看接口的实现子类 在IDEA中,你可以轻松地查看…

一些用 GPT 翻译的计算机科学/人工智能 PDF 讲义

3D成像.pdf3D成像技术.pdf3D点云分析.pdfAAAI 2019 笔记.pdfCMU 10.708 概率图模型讲义.pdfCMU 15-312 编程语言基础讲义.pdfCMU 15-411 编译器设计讲义.pdfCMU 15-819 同伦类型论讲义.pdfCMU 15-819O 程序分析讲义.pdfCUNY CSci335 软件设计与分析 3 讲义.pdfDixie IT4500 信息…

大话设计模式——2.简单工厂模式(Simple Factory Pattern)

定义:又称静态工厂方法,可以根据参数的不同返回不同类的实例,专门定义一个类(工厂类)来负责创建其他类的实例可通过类名直接调用,被创建的实例通常具有共同的父类。 UML图: 例子: 计…

计算机视觉的应用24-ResNet网络与DenseNet网络的对比学习,我们该如何选择。

大家好,我是微学AI,今天给大家介绍一下计算机视觉的应用24-ResNet网络与DenseNet网络的对比学习,我们该如何选择。在计算机视觉领域,ResNet(残差网络)和DenseNet(密集网络)都是深度学…

Java设计模式——责任链模式

当一个请求需要在多个对象之间传递,每个对象都可能处理该请求或将其传递给下一个对象。在这种情况下,需要避免将发送者与接收者之间的耦合,以及确定请求的处理方式。此时可使用责任链模式,它的优点有降低耦合度(无需关…

vue3父子组件传值

vue3父子组件传值 父组件 <template><div><h2>父组件</h2>我的存款: {{ money }}<child :moneymoney money"payMoney"></child></div> </template><script setup langts>import {ref} from "vue"…

华清远见作业第三十九天——Qt(第一天)

思维导图&#xff1a; 登录界面&#xff1a; 代码&#xff1a; #include "mainwindow.h" #include<QToolBar> #include<QPushButton> MainWindow::MainWindow(QWidget *parent): QMainWindow(parent) {this->resize(600,400);this->setFixedSize…

Mysql 8.0新特性详解

建议使用8.0.17及之后的版本&#xff0c;更新的内容比较多。 1、新增降序索引 MySQL在语法上很早就已经支持降序索引&#xff0c;但实际上创建的仍然是升序索引&#xff0c;如下MySQL 5.7 所示&#xff0c;c2字段降序&#xff0c;但是从show create table看c2仍然是升序。8.0…

ubuntu 22.04.3 live server安装JDK21与远程编程环境和maven

ubuntu 22.04.3 live server安装JDK21与远程编程环境 一、安装jdk21 解压jdk压缩包&#xff0c;命令&#xff1a; tar -zxvf jdk-21_linux-x64_bin.tar.gz打开环境变量&#xff0c;命令&#xff1a; sudo vim /etc/profile配置环境变量 export JAVA_HOME/root/jdk-21.0.2 …

Django新建一个应用并导入

在Django中创建一个新的应用并将其加入到项目中的步骤如下&#xff1a; 首先&#xff0c;确保你位于你的Django项目的根目录下。这是包含manage.py文件的目录。 使用manage.py命令来创建一个新应用。假设我们要创建的新应用叫做myapp&#xff0c;可以使用如下命令&#xff1a;…

第3.3章:StarRocks数据导入--Stream Load

一、概述 Stream Load是StarRocks常见的数据导入方式&#xff0c;用户通过发送HTTP请求将本地文件或数据流导入至StarRocks中&#xff0c;该导入方式不依赖其他组件。 Stream Load作是一种同步导入方式&#xff0c;可以直接通过请求的返回值判断导入是否成功&#xff0c;无法手…

Docker的常用命令||Docker是个流行的容器化平台,它允许你打包、分发和运行应用程序。

Docker是一个流行的容器化平台&#xff0c;它允许你打包、分发和运行应用程序。以下是一些常用的Docker命令及其示例用法&#xff1a; 1. **docker run**: 用于运行一个新的容器实例。 docker run <image_name> 例如&#xff0c;运行一个Nginx容器&#xff1a; docker ru…

【FX——详细介绍】

FX——详细介绍 1. 介绍2. 外汇市场&#xff08;FX Market&#xff09;2.1 定义2.2 功能2.3 参与者2.4 主要货币对2.5 交易特征2.6 外汇报价2.7 计算和交易2.8 风险管理2.9 分析类型2.10 平台和工具2.11 监管 1. 介绍 FX在不同的上下文中可以指代多种含义&#xff0c;但在经济…

C 编码规范

目录 一、命名 1、通用规范 2、文件名 3、变量名 4、函数名 5、宏名 二、变量 三、函数 1、重复代码尽可能提炼为函数 2、函数不超过 50 行 3、代码块嵌套不超过四层 4、可重入函数避免使用共享变量 5、对参数的合法性进行检查 6、设计合理的函数错误码 7、函数…

vue前端docx库生成word表格 并合并单元格的例子

Vue.js 是一个流行的前端JavaScript框架&#xff0c;用于构建用户界面和单页应用程序。在Vue中生成Word表格并合并单元格&#xff0c;通常需要使用额外的库&#xff0c;如docx&#xff0c;它是一个用于创建和修改Word文档&#xff08;.docx&#xff09;的JavaScript库。 …

JAVA并发编程之原子性、可见性与有序性

并发编程-原子性、可见性与有序性 一、CPU的可见性 1.1 缓存一致性问题的出现 CPU处理器在处理速度上&#xff0c;远胜于内存&#xff0c;主内存执行一次内存的读写操作&#xff0c;所需要的时间足够处理器去处理上百条指令。 为了弥补处理器与主内存处理能力之间的差距&am…

将phantomjs制成docker镜像

几个前的一篇文章中介绍了phantomjsecharts生成图表图片的一种方式&#xff0c;但其部署复杂&#xff0c;制作为docker镜像运行就方便多了。文章参见&#xff1a;https://blog.csdn.net/u011943534/article/details/121524397 1、准备echarts 将上次文章中提到过下载的Echart…

(三)Spring 核心之面向切面编程(AOP)—— 代理的创建

目录 一. 前言 二. 代理的创建 2.1. 创建前准备 2.2. 获取所有的 Advisor 2.3. 创建代理的入口方法 2.4. 依据条件创建代理&#xff08;JDK 或 CGLIB&#xff09; 三. 动态代理要解决什么问题 3.1. 什么是代理 3.2. 什么是动态代理 四. 总结 一. 前言 前面两篇文章《…

MyBatis学习总结

MyBatis分页如何实现 分页分为 逻辑分页&#xff1a;查询出所有的数据缓存到内存里面&#xff0c;在从内存中筛选出需要的数据进行分页 物理分页&#xff1a;直接用数据库语法进行分页limit mybatis提供四种方法分页&#xff1a; 直接在sql语句中分页&#xff0c;传递分页参数…

网贷大数据查询多了对征信有影响吗?

网贷大数据在日常的金融借贷中起到很重要的风控作用&#xff0c;不少银行已经将大数据检测作为重要的风控环节。很多人在申贷之前都会提前了解自己的大数据信用情况&#xff0c;那网贷大数据查询多了对征信有影响吗?本文带你一起去看看。 首先要说结论&#xff1a;那就是查询网…