3种引入方式的优先级


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>


    <!--3.通过link标签,引入外部 1.css 文件的样式-->
    <link rel="stylesheet" href="./css/1.css" >

    <!--2.嵌入式引入样式,样式写在html文档中,head中的style标签内-->
    <style>

        div{
            width: 150px;
            height: 150px;
            background-color: green;
        }

    </style>


</head>
<body>

<!--1. 行间添加属性style,设置样式-->
<!--<div style="width: 100px;height: 100px;background-color: red">-->
<div >
   1111111
</div>


<!--优先级:-->
<!--距离标签越近,优先级越高-->

</body>
</html>
发布了128 篇原创文章 · 获赞 24 · 访问量 4283

猜你喜欢

转载自blog.csdn.net/return_min/article/details/103821041