CSS从入门到精通之选择器的声明

 
-------------------------------------------回顾---------------------------------------------------------------------
上一次我们说了两点内容,一起来回顾一下
1 css的分类:
                          a  外部样式:
                                         (独立存在的后缀为.css的文件。需要在页面内用链接或者导入的方式引入,才能对该页面生效;可作用的范围甚大,甚至另外一台服务器上的CSS文件都可以被当前页连接调用;实现了页面内容和样式在文件上的分离。)
                                        b 内嵌样式
                                          (写在当前页面内的<head></head>标记中的<style></style>标记中,作用的范围只是当前页面。实现了页面内容和样式在标记结构上的分离【样式在head 部分内容在body部分】)
                                        c 行内样式
                                            (写在标记内,用style属性引出,作用范围只针对该标记内容生效。)
 
以上三种CSS样式写的位置不同,作用范围也不同。而其中外部样式和内嵌样式都很好的体现了样式表的作用 :内容和样式的分离。
2  选择器
                      a 标记选择器(针对某一个标记生效,如例子中针对当前页面内的所有h1标记生效):
                      b  类别选择器(在内容标记中用class属性引出,并对该标记的内容生效)
                       c  id选择器(在某个标记的属性中,用id 属性引出,并针对该标记的内容生效)
------------------------------------------回顾完毕--------------------------------------------------------------
 
说到声明我们来看下面这个图解
CSS从入门到精通之选择器的声明
那么我们今天关心的就是声明部分:
 
声明分为两种:
                    一  集体声明
                    二 全局声明(*特殊的集体声明)
 
一   下面我们来看看集体声明的例子:

h1, h2, h3, h4, h5, p{   /* 集体声明 */
 color:purple;    /* 文字颜色 */
 font-size:15px;    /* 字体大小 */
}
h2.special, .special, #one{  /* 集体声明 */
 text-decoration:underline; /* 下划线 */
}
上面就是针对前面的几个选择器进行了依次集体声明.定义他们的文字颜色\字体大小等属性.
所以,声明就是一种对于选择器进行的动作(概念).
 
二 接着再看全局声明:
 
*{        /* 全局声明 */
 color: purple;    /* 文字颜色 */
 font-size:15px;    /* 字体大小 */
}

h2.special, .special, #one{  /* 集体声明 */
 text-decoration:underline; /* 下划线 */
}
 
以上用*号表示全局,针对所有选择器进行声明,但是全局声明的优先级最低,所以一旦定义的属性冲突,那么全局声明就退位让闲了.
 
 
好了今天就说这么两个例子.
 
关于CSS选择器的嵌套,继承等关系...我们下回分解.....




本文转自 angerfire 51CTO博客,原文链接:http://blog.51cto.com/angerfire/117364,如需转载请自行联系原作者
上一篇:WCF技术剖析之二十三:服务实例(Service Instance)生命周期如何控制[中篇]


下一篇:在linux内核中获得比jiffies精度更高的时间值【转】