css04使用外部样式

1.创建一个新的html页面

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
  <!-- 引入已定义好的css样式   01.链接式
        优先加载css文件到页面中
    <link type="text/css" rel="stylesheet" href="css/style.css">-->
    <!--02.导入式
     优先加载html页面，之后再加载css样式 -->
    <style  type="text/css">
        @import "css/style.css";
    </style>

</head>
<body>
<div>这是一个div1</div>
<div>这是一个div2</div>

</body>
</html>

2.创建对应的css文件夹和style.css级联样式表

div{
    color: red;
}

3.运行查看效果

2021-12-10
2021-09-15
2021-10-18
2022-12-23
2021-12-20
2021-12-15
2021-10-08