目录

CSS的三大特性

CSS的三大特性

https://i-blog.csdnimg.cn/direct/625dcef5e3524e719be8f9a8f85c0b3b.png

1. 继承性

2.层叠性

3.优先级

【1】语法

PS:内联元素是直接写在标签里面

https://i-blog.csdnimg.cn/direct/858d1df97fb04443967210bc901728c4.png

https://i-blog.csdnimg.cn/direct/12aecfcf5976497292ff33d29b593426.png

【2】权重叠加

算的时候,不会进位的。

https://i-blog.csdnimg.cn/direct/3994ab6c51184b739cd4590d3682cae8.png

【3】代码演示


<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    header {
      /* 取消加粗 */
      font-weight: 400;
      /* 因为他的儿子有自己的属性,所以h1不会取消加粗的 */
    }

    /* 所以只能自己修改属性 */
    h1 {
      font-weight: 400;
    }
  </style>
</head>

<body>
  <div>CSS权重优先级</div>
  <!-- 继承的权重是0 -->
  <!-- 比如 h和链接 浏览器 都有自己的默认样式 -->
  <header>
    <h1>我是一级标题</h1>
  </header>
</body>