CSS书写位置
1、嵌入：<style></style>
2、外联（外链）：<link rel="stylesheet" href="css/.." />
3、内联（内链）:<div style="width: 1100px;"> </div>
接下来我们一步步来：
一、新建项目
项目结构为：
在html文件夹中新建01.html文件，
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!--外链接css样式-->
<link rel="stylesheet" href="css/style.css" />
<!--内嵌CSS样式-->
<style>
div{
background: pink;
}
</style>
</head>
<body>
<!--内联css样式-->
<div style="height: 100px;"></div>
</body>
</html>
<!--css的书写位置-->
<!--1和2 的权重一致，所以看写的前后，如果样式重复，显示后面写的-->
<!--1、嵌入：<style></style>
2、外联（外链）：<link rel="stylesheet" href="css/.." />
3、内联（内链）:<div style="width: 1100px;"> </div>-->
在css文件夹中新建style.css文件
style.css：
div{
width: 50px;
}
测试一下，你可以发现这些样式都会生效。
