2021.01.21css样式表的优先级

最新推荐文章于 2024-01-11 10:53:55 发布

at呆呆酱

最新推荐文章于 2024-01-11 10:53:55 发布

阅读量79

点赞数

本文链接：https://blog.csdn.net/m0_54087529/article/details/112974826

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/01-index.css">
    <!-- 移动 按alt + 上下按键 -->
    <style>
        div{
            width: 200px;
            height: 200px;
            background-color: greenyellow;
        }
    </style>

</head>
<body>
    <div></div>
</body>
</html>
<!-- 
     css样式表的优先级：行内、内部、外部
         - 行内 > 内部
         - 行内 > 外部
         - 
    结论：行内优先级最高，外部和内部优先级取决于书写顺序 - 就近原则

    浏览器常见的错误识别
         - 属性和属性值被一条横线划掉 = > 样式重复了，并且优先级没有另一个高
         - 黄色感叹号 => 代码写错了
 -->
``
h1{
    width: 100px;
    height: 100px;
    background-color: yellow;
}
div{
    width: 300px;
    height: 300px;
    background: yellow;
}