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