<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>css</title>
<!-- 内嵌式CSS -->
<style>
/* 标签选择器，选中所有的这个标签都生效 */
p {
color: aqua;
}
/* 类选择器 */
.one {
color: red;
}
.size {
font-size: 60px;
}
/* id选择器 */
#green {
color: green;
}
/* 通配符选择器 */
* {
background-color: yellow;
}
</style>
</head>
<body>
<!-- 标签选择器 -->
<p>pp1</p>
<p>pp2</p>
<hr>
<!-- 类选择器,使用class指定类名 -->
<!-- 一个标签可以使用多个类名，空格隔开 -->
<div class="one">类选择器</div>
<div class="one size ">多类选择器</div>
<hr>
<!-- id选择器,使用id指定,一个标签互相对应一个，只能使用一次 -->
<div id="green">id选择器</div>
<hr>
<!-- 通配符选择器 -->
</body>
</html>
