css三大特性

CSS三大特性

「1. CSS 层叠性」

概念:所谓层叠性是指多种CSS样式的叠加

是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上,那么这个时候一个属性就会将另一个属性层叠掉

原则:样式冲突,遵循的原则是就近原则。 那个样式离着结构近,就执行那个样式。

样式不冲突,不会层叠。

「2. CSS 继承性」

概念:

      子标签会继承父标签的某些样式,如文本颜色和字号。

      想要设置一个可继承的属性,只需将它应用于父元素即可。

注意:

        恰当地使用继承可以简化代码,降低CSS样式的复杂性。比如有很多子级孩子都需要某个样式,可以给父级指定一个,这些孩子继承过来就好了。

        子元素可以继承父元素的样式(text-,font-,line-这些元素开头的可以继承,以及color属性)

「3. CSS 优先级(CSS特殊性)」

概念:定义CSS样式时,经常出现两个或更多规则应用在同一元素上,此时,

选择器相同,则执行层叠性

选择器不同,就会出现优先级的问题。

-权重计算公式:

继承的权重是0:我们修改样式,一定要看该标签有没有被选中

        如果选中了,那么以上面的公式来计权重。谁大听谁的。

        如果没有选中,那么权重是0,因为继承的权重为0.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML总结 sublime 环境配置 使用sublime text 3 打开百度在搜索框中输入sublime t...
    Viarotel阅读 3,276评论 0 0
  • HTML总结 1、 网页的标题、注释、属性 网页结构···<!DOCTYPE html> Document ...
    风中丶凌乱阅读 1,768评论 0 2
  • 1 . 有序列表、无序列表、自定义列表如何使用?写个简单的例子。三者在语义上有什么区别?在哪些情况下使用哪种(重要...
    osborne阅读 3,624评论 0 0
  • 前言:国庆有点时间就这样整理了一遍:在Typora 整理觉得挺好看的,这里显示真心难看,排版不出效果。时间关系就这...
    光明程辉阅读 7,711评论 1 2
  • html是什么:超文本标记语言 html的唯一作用就是:给指定的文本添加语义。 html的标准格式: <!DOCT...
    Lins7阅读 4,590评论 0 2