8CSS引用优先级210910 

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
<!--    1.外部CSS引用 在link那-->
    <link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
    <style>
        /*2.内部css引用，在style里*/
        body {background-color: linen;}
    </style>
</head>
<body style="background-color: lavender">

1.外部CSS引用 在link那
<br>
2.内部css引用，在style里
<br>
3.内联css引用，在body里

<h1>多种风格层叠为一种</h1>
<p>在这里，页面的背景颜色是用内联 CSS 设置的，也用内部 CSS 设置，也用外部 CSS 设置。</p>
<p>尝试通过删除样式来查看级联样式表是如何工作的（尝试先删除内联 CSS，然后是内部，然后是外部）。</p>

<br>
<br>
<b>工作顺序</b>是 内联有的时候，不去找内部，内部有的时候不去找外部
<br>
<b>优先级</b>：内联>内部>外部

</body>
</html>

 

posted @ 2021-09-12 14:43  learnacode  阅读(43)  评论(0)    收藏  举报