什么是层叠样式表 - search read.pudn.com.doc

目录 一、 什么是层叠样式表 二、 如何建立样式 三、 将层叠样式单放在何处 四、 创建并引用样式类 五、 字体属性 六、 字体与文本属性 七、 颜色与图像属性 八、 边框属性九、 滚动条属性 十、 方块属性十一、 其它属性十二、 滤镜  第一讲 什么是层叠样式表 网海茫茫，怎样使自己的网页成为一道亮丽的风景线让人过目不忘？怎样使自己的网页的风格独特一致？怎样免除众多HTML标志属性设置的烦恼？一口气说这么多，只是想说，CSS层叠样式单可以助你一臂之力！ CSS即Cascading Style Sheet(级联样式单)的缩写，我们又常称这为风格样式单Style Sheet，顾名思义，是用来进行网页风格设计的。比如，我想让我的链接字未点击时是蓝色的，当鼠标移上去后字变成红色的且有下划线，这就是一种风格。通过设立样式表，我们可以统一地控制HMTL中各标志的显示属性。 在谈样式表前，我想先谈一下HTML标志与标志属性。 如果对HTML标志有一个大体的了解，它是网页的信息表示标示符号，也是构成网页的基本元素，或说是基本成员吧。每个标志表示了某种信息的表示，如P标志表示一个段落，h1表示一个大标题，table表示一个表格，标志只是表明要表示的信息是什么，而同样的信息可能要求显现给人的样子不一样，如同是标题，一个是h2你好/h2,一个是h2欢迎你/h2，我想使前一个呈现出蓝色，另一个是红色，效果如下: 你好 欢迎你 这就要用到标志的属性，标志属性其实也就是标志的特性，由于HTML中的绝大部分标志是用来显示相关信息的，所以标志属性也多集中于标志的字体、颜色、位置、大小及排版格式等外观特性上。如果你对Windows平台下编程熟悉的话，那么对“对象”这个概念一定不陌生，在HTML中，HTML对象也就是这些代表某种信息类型的标志，而对象的属性也就是标志属性。有人称HTML为语言，我想除了它是网上信息表示的特殊语言符号外，还因为有了标志对象及标志属性，可以通过脚本语言进行程序控制，所以又有程序语言的一面。当然，你不一定要对Window下编程很熟悉，只是你想深入脚本语言进行编程的话，那么就必须熟悉这些属性。 为什么称样式单为层叠的呢？在你还没有对它有一个较全面的了解前，可打一个不很准确的比喻：如我们评价一个人，需要听取大家的意见再汇总，有人说，这个人诚实，有的说干事踏实，有的说很有责任心，这样通过这些意见的“层叠”，就可大体地知道这个人的品质；即使是同样的标志，也可以通过层叠使它们显示出不同的特性来，随着学习的深入，你会发现层叠的具体含义及一些妙用的。CSS（Cascading Style Sheets)中文翻译为层叠样式表单，简称样式单。它是近几年才发展起来的新技术，1998年5月12日，Cascading Style Sheets,level 2 成为了W3C 的新标准。同时,W3C CoreStyles ”和CSS2 Validation Service”以及“CSS Test Suite 宣布成立。它是一组样式，样式中的属性在HTML元素中依次出现，并显示在浏览器中。样式可以定义在HTML文档的标志（TAG）里，也可以在外部附加文档作为外加文档。此时，一个样式表单可以作用于多个页面甚至整个站点，因此具有更好的易用性和扩展性。我个人认为CSS好比是HTML语言的PLUSIN（插件），插件的功能大家应该知道，就是壮大原有的功能。你可以精确的控制主页里的每一个元素，比如一个字，用CSS你可以给它控制它的前景色、背景色、背景图片、在页面的精确位置，四周加入边框等。可以说CSS的功能是无比的强大。W3C 也极力向世界推广这一先进技术。下一节我们将讲怎样建立样式。 返回目录） 第二讲 如何建立样式 样式表的建立要符合CSS规则，它们一般被定义成以下形式的句法： HTML标志{标志属性:属性值；标志属性:属性值；标志属性:属性值；标志属性:属性值；...} 下面我们分别讲述： HTML标志：在上一节我们已简要地介绍了一下， 有点需要注意的是，这些标志不带尖括号，如P,Div、Table等而不是P、Div以及Table。 标志属性：属性值，这是一一对应的，每个属性与属性值对之间用分号隔开。有一点要说明的是，在CSS的属性设置与脚本语言中对属性设置有一点不同，即属性名称的写法，在CSS中，凡属性名为两个或两个以上的单词构成时，单词之间以-隔开，比如，背景颜色属性background-color, 而在脚本中，对象属性则连写成backgroundColor，第二个单词首字母大写，如有三个单词则第三个单词首字母也要大写，注意，在Javascript中，是严格区分大小写的。 下面看一个具体的例子，比如我们对一个段落建立一个样式表： P{backgroun