本文详细介绍了CSS中基础的选择器类型，包括标签选择器和类选择器。标签选择器允许快速为页面上的一类标签设定样式，但无法进行差异化设置。类选择器则更为灵活，可以差异化地为指定类别的元素设置样式，且可重复使用，提高了代码的可读性和复用性。文章通过实例展示了这两种选择器的使用方法及其优缺点，并强调类选择器在实际开发中的重要性。
CSS基础选择器分为标签选择器，类选择器，id选择器，通配符选择器。它们都是在<style>和</style>标签之之间使用。其中类选择器最常用，id选择器通常与JavaScrip配合使用。
一 . 标签选择器
(1)标签选择器用HTML作为标签，为页面的某一类标签(如<p> <div>标签)统一制定CSS样式。
(2)优点:方便快捷把某一类标签制定样式。
缺点:不能差异化设置。
(3)使用格式:(以<p>标签为例)
<p> {
属性:属性名；
属性:属性名;
...
}
...
<body>
<p>内容1</p>
<p>内容2</p>
<div>内容3</div>
</body>
注:内容1和内容2具有了标签选择器的属性,而内容3无标签选择器指定的属性。
二 . 类选择器(重点)
(1)类选择器是程序员自己创建一个类，对在下方的标签进行指定属性。类名最好有英文意义，最好不要使用纯数字和中文，尽量让别人一眼看出来是什么意思，增强代码的可读性。
(2)优点;与标签选择器不同，类选择器可以进行差异化设置，可以单独选出来一个或多个标签，可以多次使用。
缺点:相对于其他选择器几乎没有。(这就是类选择器使用的频率最高的原因)
(3)使用格式
.类名(自己创建) {
属性:属性值1;
属性:属性值2;
}
<body>
<p class="类名">内容1</p>
<p class="类名">内容2</p>
<p >内容3</p>
</body>
注:内容1和内容2具有了类选择器的属性,而内容3无类选择器指定的属性。
扫一扫
330
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
