当前位置: 首页 > news >正文

【CSS】继承属性

属性继承

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属性⼀旦继承了不能被取消,只能重新定义样式。

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 【图像标签转换】XML转为TXT图像数据集标签
  • 如何预防网站爬虫攻击
  • SQL39道常见题型
  • 【微信小程序实战教程】之微信小程序原生开发详解
  • el-date-picker 时间控件校验选择时间必须早于当前时间(带时分秒)
  • CSS常见属性详解——内边距与外边距
  • 今日份感悟
  • 智慧工地视频汇聚管理平台:打造现代化工程管理的全新视界
  • Qt 使用视口和窗口作图
  • Windows本地启动Redis
  • Linux——管理本地用户和组(详细介绍了Linux中用户和组的概念及用法)
  • 上传项目到GitHub
  • 数据结构:二叉搜索树(简单C++代码实现)
  • 代码随想录day23 ||39组合总和1 40组合总和2 131分割回文串
  • dynslam的安装
  • 9月CHINA-PUB-OPENDAY技术沙龙——IPHONE
  • SegmentFault for Android 3.0 发布
  • C语言笔记(第一章:C语言编程)
  • Elasticsearch 参考指南(升级前重新索引)
  • HTTP--网络协议分层,http历史(二)
  • jquery cookie
  • JS学习笔记——闭包
  • React-redux的原理以及使用
  • 给初学者:JavaScript 中数组操作注意点
  • 构建二叉树进行数值数组的去重及优化
  • 排序算法之--选择排序
  • 前端路由实现-history
  • 使用SAX解析XML
  • 学习使用ExpressJS 4.0中的新Router
  • 一些基于React、Vue、Node.js、MongoDB技术栈的实践项目
  • 字符串匹配基础上
  • 【云吞铺子】性能抖动剖析(二)
  • raise 与 raise ... from 的区别
  • 阿里云ACE认证之理解CDN技术
  • 长三角G60科创走廊智能驾驶产业联盟揭牌成立,近80家企业助力智能驾驶行业发展 ...
  • ​低代码平台的核心价值与优势
  • (13)Latex:基于ΤΕΧ的自动排版系统——写论文必备
  • (Python) SOAP Web Service (HTTP POST)
  • (分享)一个图片添加水印的小demo的页面,可自定义样式
  • (附源码)springboot车辆管理系统 毕业设计 031034
  • (附源码)计算机毕业设计SSM在线影视购票系统
  • (附源码)小程序儿童艺术培训机构教育管理小程序 毕业设计 201740
  • (亲测有效)推荐2024最新的免费漫画软件app,无广告,聚合全网资源!
  • (十七)devops持续集成开发——使用jenkins流水线pipeline方式发布一个微服务项目
  • (四)软件性能测试
  • (一) 初入MySQL 【认识和部署】
  • (转)Groupon前传:从10个月的失败作品修改,1个月找到成功
  • *setTimeout实现text输入在用户停顿时才调用事件!*
  • .NET 8.0 中有哪些新的变化?
  • .NET/C# 使用 ConditionalWeakTable 附加字段(CLR 版本的附加属性,也可用用来当作弱引用字典 WeakDictionary)
  • .Net7 环境安装配置
  • .net和php怎么连接,php和apache之间如何连接
  • .NET开源项目介绍及资源推荐:数据持久层 (微软MVP写作)
  • .NET牛人应该知道些什么(2):中级.NET开发人员
  • .NET之C#编程:懒汉模式的终结,单例模式的正确打开方式