本文详细介绍了CSS中的标签选择器、类选择器、ID选择器和通配符选择器，通过实例展示了它们在网页样式设置中的应用。重点讲解了如何通过这些选择器实现元素的精准定位和风格设定，包括颜色、字体大小等。同时，强调了类选择器的复用性和ID选择器的唯一性。最后，提到了通配符选择器在清除默认边距上的常见用途。
1、标签选择器
作用：标签选择器 可以把某一类标签全部选择出来，例如所有的div标签，span标签。
2.类选择器
注：
1.类选择器使用“.”（英文点号）进行标识，后面紧跟类名(自定义，我们自己 命名的)
2.长名称或词组可以使用中横线来为选择器命名。
3.不要纯数字、中文等命名， 尽量使用英文字母来表示。
下列代码可实现Google的logo
<head>
<meta charset="utf-8">
<style>
.blue {
color: blue;
font-size: 100px;
}
.red {
color: red;
font-size: 100px;
}
.orange {
color: orange;
font-size: 100px;
}
.green {
color: green;
font-size: 100px;
}
</style>
</head>
<body>
<span class="blue">G</span>
<span class="red">o</span>
<span class="orange">o</span>
<span class="blue">g</span>
<span class="green">l</span>
<span class="red">e</span>
</body3.id选择器
注：
1.元素的id值是唯一的，只能对应于文档中某一个具体的元素。
2.用法基本和类选择器相同。
4、通配符选择器
举例：（清除HTML的默认边距）
* {
margin: 0; /* 定义外边距*/
padding: 0; /* 定义内边距*/
}5、基础选择器的汇总
扫一扫
175
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
