何时应用类选择器、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的参考资料,有兴趣的童鞋可以进行参考: