作用：查找标签，设置样式。
1.1 标签选择器
作用：使用标签名作为选择器，选中同名标签设置相同的样式。
缺点：无法差异化标签效果。
<html>
<head>
<title>标签选择器</title>
<style>
p {
color:red;
}
</style>
</head>
<body>
<div>
<p>标签内容</p>
</div>
</body>
</html>1.2 类选择器
作用：查找标签，差异化设置标签显示效果。
步骤：定义类选择器（. 类名），使用类选择器（标签添加class = "类名"）。
注意:
- 类名自定义，不要用纯数字或中文，尽量用英文命名
- 一个类选择器可以供多个标签使用
- 一个标签可以使用多个类名，类名之间用空格隔开
- 开发习惯：类名见名知意，多个单词可以用-连接（例如：news-hd）
<html>
<head>
<title>类选择器</title>
<style>
/* 定义类选择器 */
.red {
color: red;
}
</style>
</head>
<body>
<!-- 使用类选择器 -->
<div class="red">这是div内容</div>
</body>
</html>1.3 id选择器
作用：查找标签，差异化设置标签显示效果。
场景：id选择器一般配合JavaScript使用，很少用来设置CSS样式。
步骤：定义id选择器（#id名），使用id选择器（标签添加id= "id名"）。
规则：同一个id选择器在一个页面只能使用一次。
<html>
<head>
<title>id选择器</title>
<style>
/* 定义id选择器 */
#red {
color: red;
}
</style>
</head>
<body>
<!-- 使用id选择器 -->
<div id="red">这是div内容</div>
</body>
</html>1.4 通配符选择器
作用:查找页面所有标签，设置相同样式。
通配符选择器：*，不需要调用，浏览器自动查找页面所有标签，设置相同的样式。
<style>
* {
color: red;
}
</style>可以使用通配符选择器，清除默认样式，例如清除默认边框。
<style>
* {
margin: 0;
padding: 0;
}
</style>