1、基本思想：数据和样式分离。
简单理解：div是存放数据的容器，css是div中的内容如何显示，包括这些内容的位置和外观。
test.html文件
<html>
<head>
<title>test</title>
<!-- 引入css -->
<link rel="stylesheet" type="text/css" href="my.css"> </link>
</head>
<body>
<!-- 添加css中的样式style1 -->
<div class="style1">
hello world!
</div>
</body>
</html>
my.css文件
.style1 {
background-color:red;
}
2、css基本结构。
选择器{
属性：属性值;
}
（1）.类选择器{
属性：属性值;
}
注意：前面有点。
（2）#id选择器{
属性：属性值;
}
（3）html选择器。
某个html元素{
属性：属性值;
}
（4）通配符选择器，优先级最低。
*{
}