CSS样式表的实现中,不需声明选
如果要让样式对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器,HTML页面中的元
素就是通过CSS选择器进行控制的。
CSS选择器共有三种:标签选择器、ID选择器、类选择器。
【标签选择器】
一个完整的HTML页面是有很多不同的标签组成,而标签选择器,则是决定哪些标签采用相应的CSS样式,(在大环境中你可能出于不同的位置,但是不管怎么样,你总是穿着同一套衣服,这件衣服就是由标签选择器事先给你限定好的,不管走到哪里都是这身衣服)比如,在style。 css文件中对p标签样式的声明如下:
p{
font-size:12px;
background:#90...全部
如果要让样式对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器,HTML页面中的元
素就是通过CSS选择器进行控制的。
CSS选择器共有三种:标签选择器、ID选择器、类选择器。
【标签选择器】
一个完整的HTML页面是有很多不同的标签组成,而标签选择器,则是决定哪些标签采用相应的CSS样式,(在大环境中你可能出于不同的位置,但是不管怎么样,你总是穿着同一套衣服,这件衣服就是由标签选择器事先给你限定好的,不管走到哪里都是这身衣服)比如,在style。
css文件中对p标签样式的声明如下:
p{
font-size:12px;
background:#900;
color:090;
}
【ID选择器】
ID选择器在某一个HTML页面中只能使用一次(当然也可以用好几次,不过就不符合W3C标准了,那页面也就不是标准页面喽~,咱们的目的不就是为了做标准的页面么,所以建议大家不要在同一个html页面中多个标签拥有共同的ID),就像在你所处的环境中,你只有一个ID(身份证),不可能重复!相信大家也能看出来,ID选择器更具有针对性,如:
先给某个HTML页面中的某个p标签起个ID,代码如下:
此处为p标签内的文字
复制代码在CSS中定义ID为one的p标签的属性,就需要用到#,代码如下:
#one{
font-size:12px;
background:#900;
color:090;
}
【类选择器】
这种选择器更容易理解了,就是使页面中的某些标签(可以是不同的标签)具有相同的样式,就像国庆中某个方阵中,肯定都是不同的人,却均穿红色衣服,手中高举花环,样式都是一样的,如果想让这一类人都有共同的样式,该怎么做呢~呵呵,和ID选择器的用法类似,只不过把id换做class,如下:
此处为p标签内的文字
如果我还想让div标签也有相同的样式,怎么办呢?加上同样的class就可以了,如下此处为p标签内的文字
这样页面中凡是加上class="one"的标签,样式都是一样的喽~
CSS定义的时候和ID选择器差不多,只不过把#换成。
,如下
。one{
font-size:12px;
background:#900;
color:090;
}。收起