css的3种导入方式

css的3种导入方式

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

    <style>
        h1{
            color: lightpink;
        }
    </style>
    <!--外部样式-->
    <link rel="stylesheet" href="css/style.css">

</head>
<body>

<!--优先级：就近原则-->
<!--行内样式：在标签元素中，编写一个style属性，编写样式即可-->
<h1 style="color: coral" >我是标题</h1>

</body>
</html>

扩展：外部样式两种写法

  • 链接式：

 <!--外部样式-->
  <link rel="stylesheet" href="css/style.css">

  • 导入式

@import是CSS2.1特有的！

  <!--导入式-->
  <style>
    @import url(css/style.css);
  </style>

 

posted @ 2022-03-01 00:13  少时凌云志  阅读(114)  评论(0)    收藏  举报