四种css导入方式

CSS的三种导入方式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--内部样式-->
    <style>
        h1{
            color:green;
        }
    </style>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<!--优先级：就近原则-->
<!--行内样式：在标签元素中，编写一个style属性，编写样式即可-->
<h1 style="color:red"></h1>
</body>
</html>

拓展：外无样式两种写法

  • 链接式：
<link rel="stylesheet" href="css/style.css">
  • 导入式：
<!--导入式-->
    <style>
        @import url("css/style.css");
    </style>

@import是CSS2.1特有的
首先link和import语法结构不同，前者是html标签，只能放入html源代码中使用，后者可看作为css样式，作用是引入css样式功能。import在html使用时候需要

posted @ 2022-02-10 11:16  摘星丶仙  阅读(77)  评论(0)    收藏  举报