css04使用外部样式

时间:2021-11-08 01:28:12

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.运行查看效果

css04使用外部样式