html果壳网文本框,打造你的个人网站：CSS来助你美化页面

何时应用类选择器、ID选择器及元素选择器

刚才简单介绍了添加CSS样式的方法以及各种方法的应用时机。那么对于CSS选择器又应该如何应用呢？我们首先来看看几种常用的选择器：

1)元素选择器： 如果你想使页面上的某种元素都显示为相同的样式，那么可以借助于元素选择器。例如若想将所有h2元素都定义为30像素，则可以添加如下代码：

h2 {

font-size:30px;

}

这样，所有的h2元素便都会显示为30像素。

2)类选择器： 类选择器适用于将多个元素定义为同一样式。在视频中，我还是以颜色属性为例进行了定义：

.red {

color:red;

}

文本“red”前的点(.)表示它定义的是一个类选择器。此时，假如我想让页面中的某段文本变成红色，就可以将属性class="red"添加到该元素中。

3)ID选择器： 以#为标志的ID选择器，用于定义特定元素且仅能定义单个元素。它实际上是提供了一种内嵌样式之外的定义特定元素的方法。比如，我们想要得到一个命名为my_red_div的800x600像素红色背景，则可以编写如下代码：

#my_red_div {

width:800px;

height:600px;

background:red;

}

以上具体的操作过程及结果显示都可以在视频中看到。

今天介绍了层叠样式表CSS的基本应用，由于时间有限，无法面面俱到。但是和其他编程类的学习过程一样，快速教程仅用于为有兴趣的童鞋提供入门讲解，而更多更深入的知识还需要在不断解决问题的过程中积累。下面是几个CSS的参考资料，有兴趣的童鞋可以进行参考：