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

时间:2020-09-02 作者:管理员 点击:886

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

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

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

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

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

特点:

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

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

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

选择器权重:

特点:

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

Are you interested in ?

感兴趣吗?

有关我们服务的更多信息,请联系

136 7365 2363(同微信) 13140187702

郑州网站建设郑州网站设计郑州网站制作郑州建站公司郑州网站优化--联系索腾

与我们合作

郑州网站建设郑州网站设计郑州网站制作郑州建站公司郑州网站优化--与索腾合作,您将会得到更成熟、专业的网络建设服务。我们以客户至上,同时也相互挑战,力求呈现最好的品牌建设成果。

业务咨询热线:

136 7365 2363

TOP

QQ客服

在线留言