当我们希望某一个或某几个元素的外观与网页上其他的相关标签有所不同的时候,例如,让网页上的一两张图片有红色边框线,而大多数其他图片则不要设置样式---这时候就可以使用类选择器了。如果你对Microsoft Word中的样式很熟悉的话,对于类选择器一定也不会感到陌生。创建CSS类选择器时,只须要给它起个名字就好,然后选择性地将它应用到需要设置样式的HTML标签上即可。
类选择器还可以精确控制网页上的某个具体元素,而不管它有哪些标签。例如,要格式化一个段落里的一两个单词。由于不希望整个<p></p>标签都受到影响,而只希望段落里的某个短语,就可以使用类选择器指定那些短语。但与标签选择器不同的是:标签选择器仅适应于网页上现有的HTML标签,类选择器则不同,可以随意创建多个,并且可以放到类选择器放在任何位置上。
类选择器命名规则:
1、所有类选择器的名称都必须以一个圆点开头。只有这样标记,Web浏览器才能在样式表中发现类选择器。
2、CSS只允许在类名称中使用字母、数字、连字号(-)和下划线(_)、
3、在圆点后,名称必须以字母开头。例如:.idivcss都是正确的,而.52idivcss、._idivcss、.-idivcss这些都是错误的,没有以字母开始。
4、类名称区分大小写。例如:CSS会把.idivcss和.IDIVCSS当做两个不同的类。
除了名称上的差别之外,创建类样式和创建标签样式的方法是一样的。在类名称后面,只要加上一个声明块,在大括号里写进全部的样式即可。
.idivcss{
color:#red;
font-size:15px;
}
由于标签样式在网页的开头处定义了,通常就可以应用到整个网页上的标签了。但创建类选择器后,必须指明要在哪里应用这些样式。因此,必须要给设置样式的HTML标签添加一个类属性。例如你创建了一个类,命名为.idivcss,用来控制某段的文字样式,则必须给<p>标签添加一个类属性:<pclass="idivcss">
最后,当我们创建好类选择器之后,就可以讲它应用于网页中的任何标签。例如,在.idivcss样式中创建具体的字体和颜色,然后就可以将它应用于<h2>、<p>和<ul>标签上。虽然类选择器提供了非常广大的格式化网页上标签的能力,但是用CSS设计网页布局时,有时候并不是最恰当。这就需要下一节介绍的ID选择器了,它可以指定某一个格式化规则在网页上专用于某种特定的用途。
联系客服