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