6. CSS 三大特性

作者: 一Left一 | 来源:发表于2017-04-07 10:31 被阅读1次

1、继承性

  • 给父元素设置一些属性,子元素也可以使用,
    • 并不是所有的属性都可以继承,只有以color``font``text line开头的。
    • a标签文字的颜色和下划线不可以继承的
    • h标签的文字大小不可以继承的

2、层叠性

  • 标签多次被设置相同的属性。
  • 层叠样式表(英文全称:Cascading Style Sheets)
  • 优先级如下:
    • 优先直接选中(间接类似继承)
    • 间接选中,优先离目标标签近的
    • 都是直接选中并且都是相同类型的,优先选择后面的进行层叠
    • id >类>标签>通配符*{....}>继承>浏览器默认

3、important
可以直接提升优先级

    <style>
        #identity{
            color: green;
        }
        p{
            color: darkorchid !important;
        }
    </style>
    <p id="identity">把我变成什么样,你就是老大</p>

3、important
可以直接提升优先级

<head>
    <meta charset="UTF-8">
    <title>important提升优先级</title>
    <style>
        #identity{
            color: green;
        }
        p{
            color: darkorchid !important;
        }
    </style>
</head>
<body>
    <p id="identity">把我变成什么样,你就是老大</p>
</body>

4、权重优先级

  • 选择器id多的优先级高
  • id一样多,的再看类名,类名多的优先级
  • 同上同理id>类名>标签个数
  • 如果以上所有的都是一样的,则按照前后顺序,后面的覆盖前面同样的设置。

相关文章

  • 6. CSS 三大特性

    1、继承性 给父元素设置一些属性,子元素也可以使用,并不是所有的属性都可以继承,只有以color``font``t...

  • Day03 CSS样式

    1. CSS文本 2.CSS字体 3. CSS链接 4. CSS列表 5. CSS边框 6. CSS表格 CSS如...

  • CSS的三大特性总结(深入理解css权重)

    【目录】 css的三大特性层叠性特性说明原理DEMO继承性优缺点重点DEMOhtml代码css代码优先级css特殊...

  • CSS 特性

    继承性 给父元素设置一些属性, 子元素也可以使用, 这个我们就称之为继承性 1.并不是所有的属性都可以继承, 只有...

  • CSS特性

    继承 CSS的一些特性,最常见的就是继承,CSS的有些属性是可以继承的,如果没有样式,则会继承父标签样式。比如co...

  • CSS 特性

    层叠性 样式冲突,遵循就近原则 样式不冲突,不会层叠 结果为红色25px的:Hello World 继承性 子标签...

  • CSS特性

    CSS属性的继承 CSS中有些属性是可继承的,何为属性的继承?一个元素如果没有设置某属性的值,就会跟随父元素的值当...

  • CSS特性

    Display - 块和内联元素 块元素是一个元素,占用了全部宽度,在前后都是换行符。内联元素只需要必要的宽度,不...

  • CSS特性

    一、CSS3 图像的背景 背景图片设定 backgroundCSS允许应用纯色作为背景,也允许使用背景图像创建相当...

  • day03

    A.今天学了什么 1.css背景 2.css文本 3.css字体 4.css链接 5.css列表样式 6.边框 7...

网友评论

    本文标题:6. CSS 三大特性

    本文链接:https://www.haomeiwen.com/subject/cstxattx.html