全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:15617636856

郑州网站建设

当前位置: 首页 > 新闻资讯>>CSS的三大特性-层叠性/继承/优先级

CSS的三大特性-层叠性/继承/优先级

作者:郑州网络公司发布时间:2023-09-14 09:41:28查看次数:来源:网络文章数:

1. 层叠性
概念:相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。层叠性主要解决样式冲突的问题

层叠性原则:
       样式冲突:遵循的原则是就近原则,哪个样式离结构近,就执行哪个样式
       样式不冲突,不会重叠

2. 继承性
概念:子标签会继承父标签的某些样式,如文本颜色和字号,简单理解就是子承父业

特点:
       子元素可以继承父元素的样式(text-、font-、line-这些元素开头可以继承,以及color属性)
       恰当地使用继承可以简化代码,降低CSS样式的复杂性

行高的继承性:
body{font:12px/1.5 'Microsoft YaHei'}

特点:

       行高可以跟单位也可以不跟单位
       如果子元素没有设置行高,则会继承父元素的行高为1.5
       如果子元素已经设置行高,则当前子元素的行高为当前元素的文字大小 * 1.5
       body行高1.5 这样写法最大的优势就是里面子元素可以根据自己文字大小自动调整行高

3. 优先级
概念:当一个元素指定多个选择器,就会有优先级的产生

特点:
       选择器相同,则执行层叠性
       选择器不同,则根据选择器权重执行

选择器权重:
CSS的三大特性-层叠性/继承/优先级(图1)
特点:

       继承的权重为0,如果该元素没有直接选中,不管父元素权重多高,子元素得到的权重都是0
       权重叠加:如果是复合选择器,则会有权重叠加,需要计算权重。权重虽然会叠加,但永远不会有进位

站内文章:均为188bet博彩体育app下载方式 各部门原创内容如需转载请著名本文网站链接://www.mcissock.com/new/27198.html未经允许转载要受法律责任,如需转载请联系269247937@qq.com


[CSS的三大特性-层叠性/继承/优先级]

本文链接://www.mcissock.com/new/27198.html
tags:郑州网站建设郑州网站制作郑州网站设计郑州建站公司郑州网站优化郑州做网站郑州小程序开发郑州网络公司
网页是否收录:
返回目录 在线咨询

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。

  • 返回顶部
  • 15617636856
  • QQ在线
  • 微信二维码
0
Baidu
map