一：全局选择器：*
二：标签选择器，如给所有p标签加个背景色
三：id选择器：# ，如给id为id_01的元素加一个框
四：类选择器：. 如设置一个类选择器为blue，当有标签引用blue的时候，背景颜色就会变为蓝色
css
/* 全局选择器*，即所有 */
*{ color: red;}
/* 标签选择器，如给所有p标签加个背景色 */
p {background-color: blueviolet;}
/* id选择器：# ，如给id为id_01的元素加一个框*/
#id_01{ border: solid 5px #000;}
/* 类选择器：. 如设置一个类选择器为blue，当有标签引用blue的时候，背景颜色就会变为蓝色*/
.blue{background-color: blue;}
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS</title>
<!-- 引用../css/css03.css文件 -->
<link rel="stylesheet" href="../css/css03.css">
</head>
<body>
<h1>*为全局选择器，文字为红色</h1>
<p>这是标签选择器，p标签背景色为紫色</p>
<p id="id_01">这是带id元素的标签</p>
<p class="blue">这是类选择器，blue元素，背景颜色会变为蓝色</p>
</body>
</html>