【CSS】继承属性

server/2024/11/14 12:48:43/

属性继承

1. 字体系列属性

字体系列属性主要包括: font-size、font-family、font-variant、font-style、font-weight、font、letter-spacing、word-spacing、text-transform 和 line-height。如果没有在⼀个元素上设置这些属性,则其继承上层的相应属性。

2. ⽂本系列属性

⽂本系列属性主要包括: color、direction、text-align、text-indent、text-decoration、textshadow、white-space、word-wrap 和 hyphens。只有 color 属性可以被继承⾃⽗元素,其它都不能继承。

3. 其他系列属性

其他系列属性主要包括: visibility、cursor、list-style 和 quotes。list-style 属性可以继承,但 quotes 属性不能被继承。

inherit(继承)值

每⼀个属性可以指定值为“inherit”,即:对于给定的元素,该属性和它⽗元素相对属性的计算值取⼀样的值。继承值通常只⽤作后备值,它可以通过显式地指定“inherit”⽽得到加强,例如:
p { font-size: inherit; }

继承的局限性

继承虽然减少了重复定义的麻烦,但是,有些属性是不能继承的,例如border(边框)、margin(边距)、padding(补⽩)和背景等。

这样设定是有道理的,例如设定了边框,如果此属性也继承的话,那么在这个内所有的元素都会有边框,这⽆疑会产⽣⼀个让⼈眼花缭乱的结果。

同样的,影响元素位置的属性,例如margin(边距)和padding(补⽩),也不会被继承。同时,浏览器的缺省样式也在影响着继承的结果。例如:
body { font-size: 12px; }
<h2>2级标题的⽂字不是12px。// </h2> H2中⽂字将是标题2样式的⽂字⽽⾮12px⼤⼩的⽂字。这是因为浏览器的缺省样式设定了<h2>的CSS规则。

css属性⼀旦继承了不能被取消,只能重新定义样式。


http://www.ppmy.cn/server/90713.html

相关文章

第123天:内网安全-域防火墙入站出站规则不出网隧道上线组策略对象同步

目录 案例一&#xff1a; 单机-防火墙-限制端口\协议出入站 案例二&#xff1a;不出网的解决思路 入站连接 隧道技术 案例三&#xff1a;域控-防火墙-组策略对象同步 案例四&#xff1a;域控-防火墙-组策略不出网上线 msf cs 案例一&#xff1a; 单机-防火墙-限制端口\…

33 列表常用方法——sort()、reverse()

列表对象的 sort() 方法用于按照指定的规则对所有元素进行排序&#xff0c;默认规则是所有元素从小到大升序排序&#xff1b;reverse() 方法用于将列表所有元素逆序或翻转&#xff0c;也就是第一个元素和倒数第一个元素交换位置&#xff0c;第二个元素和倒数第二个元素交换位置…

Laravel为什么会成为最优雅的PHP框架?

Laravel 成为最优雅的 PHP 框架的原因可以从多个方面来解释。以下是一些关键因素&#xff1a; 简洁优雅的语法: Laravel 采用了简洁明了的语法&#xff0c;使得代码更容易阅读和编写。它支持现代 PHP 特性&#xff0c;如命名空间、类自动加载、匿名函数&#xff08;闭包&#x…

常用Git 管理工具

图形界面工具 GitHub Desktop GitHub 开发的一款跨平台的图形化 Git 工具&#xff0c;支持 Windows、macOS 和 Linux。特点包括简洁的用户界面、易于创建和管理仓库、提交变更、分支管理等。 SourceTree Atlassian 提供的一款免费的跨平台 Git 和 Mercurial 客户端。支持 Windo…

网络通信中的源地址,目的地址,源端口,目的端口,安全区域

1.源地址&#xff0c;目的地址&#xff0c;源端口&#xff0c;目的端口 网络传输数据时要用到的概念&#xff0c;举例子&#xff1a;A主机要发送数据到B主机上。那么 源地址&#xff1a;就是A主机的ip地址 目的地址&#xff1a;B主机的IP地址 A&#xff0c;B两台机子不仅仅是…

关于黑马Ajax项目的笔记

一、token的介绍 概念&#xff1a; 访问权限的令牌&#xff0c;本质上是一串字符串 创建&#xff1a; 正确登录后&#xff0c;由后端签发并返回 作用&#xff1a; 判断是否有登录状态等&#xff0c;控制访问权限 注意 前端只能判断token有无&#xff0c;后端才能判断to…

FRP配置内网穿透52版本以上适用

简述 适用frp配置内网穿透来说我们需要进行简单的区分&#xff0c;具有公网IP的服务器我们简称为服务端&#xff0c;内网的服务器我们可以简称为客户端&#xff0c;frp需要针对不同的服务器配置不同的文件 下载安装包 Linux下载地址 https://github.com/fatedier/frp/relea…

AI工作流程设计的自动化优化:微软与斯坦福的新成果 - Trace

每周跟踪AI热点新闻动向和震撼发展 想要探索生成式人工智能的前沿进展吗&#xff1f;订阅我们的简报&#xff0c;深入解析最新的技术突破、实际应用案例和未来的趋势。与全球数同行一同&#xff0c;从行业内部的深度分析和实用指南中受益。不要错过这个机会&#xff0c;成为AI领…