CSS的3种导入方式

CSS的3种导入方式

  • <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--内部样式-->
    <style>
        h1 {
            color: aqua;
        }
    </style>

    <!--外部样式-->
    <link rel="stylesheet" href="css/style.css">
    
</head>
<body>
<!--优先级，就近原则-->
<!--行内样式：在标签元素中，编写一个style属性，编写样式即可-->
<h1 style="color: aquamarine">h1标题</h1>
</body>
</html>

  • 拓展：外部样式两种写法

    链接式：

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

    导入式:（不建议使用）

    css2.1

    <style>
    @import url("css/style.css")
</style>
posted @ 2021-05-07 09:36  saxon宋  阅读(70)  评论(0)    收藏  举报