CSS层叠样式表属性.docVIP

 PAGE \* MERGEFORMAT 44 CSS--层叠样式表大全(1) 什么是CSS?　中文翻译为样式表! 它的作用简单的说：就是可以使你在同一页面里使用不同的超链接样式。　　更神奇的是，用CSS，仅仅改变一个文件就可以改变数百个网页的外观个性化的表现而不损失访问者所有这些都因为网页样式表的强大和灵活特性。 　　让我们开始吧！ CSS 速成 层叠样式表的基础入门。 CSS 结构和规则 各种选择符、伪类、伪元素和层叠顺序的入门。 CSS 属性 各种层叠样式表级别一有效的属性的描述。 将样式表加入到HTML中 各种将样式表加入到HTML文本中的方法。 依赖样式表 怎样会是滥用样式表和使你的网页难以处理。 CSS 参考 连接到介绍CSS的规范和其它方面的文章。 CSS 速成 　　一个样式表由样式规则组成, 以告诉浏览器怎样去呈现一个文档. 有很多将样式规则加入到你的HTML文档中的方法, 但最简单的启动方法是使用HTML的STYLE组件. 这个元素放置于文档的HEAD部分, 包含网页的样式规则. 　　要注意到尽管STYLE元素是试验样式表的好方法, 它具有某些在用户使用这种方法之前应该考虑的缺点. 不同方法的优点和缺点在将样式表加入到HTML中部分中有讨论。 　　每个规则的组成包括一个选择符--通常是一个HTML的元素, 例如BODY, P, 或EM--和该选择符所接受的样式. 　　有很多的属性可以用于定义一个元素. 每个属性带一个值, 共同地描述选择符应该如何呈现. 样式规则组成如下: 选择符 { 属性: 值 }单一选择符的复合样式声明应该用分号隔开: 选择符 { 属性1: 值1; 属性2: 值2 } 以下是一段定义了H1和H2元素的颜色和字体大小属性: HEADTITLECSS例子/TITLESTYLE TYPE=text/cssH1 { font-size: x-large; color: red }H2 { font-size: large; color: blue }/STYLE/HEAD 上述的样式表告诉浏览器用加大、红色字体去显示一级标题, 用大、蓝色字体去显示二级标题. CSS1 规格正式地定义了所有的有效属性和值. 属性和值在本网站的CSS 属性部分也给出了. 本教程专门介绍了CSS非常基础的知识, 以提供足够的信息去让你试验自己的样式. 要获得CSS更深入的知识, 阅读继续阅读以下部分: CSS 结构和规则 CSS 属性 将样式表加入到HTML中 基本语法 规则选择符任何HTML元素都可以是一个CSS1的选择符。选择符仅仅是指向特别样式的元素。例如： P { text-indent: 3em }当中的选择符是P。 类选择符 单一个选择符能有不同的CLASS(类)，因而允许同一元素有不同样式。例如，一个网页制作者也许希望视其语言而定，用不同的颜色显示代码 : code.html { color: #191970 }code.css { color: #4b0082 }以上的例子建立了两个类，css和html，供HTML的CODE元素使用。CLASS属性是用于在HTML中以指明元素的类，例如： P CLASS=warning每个选择符只允许有一个类。例如，prietary是无效的。/p类的声明也可以无须相关的元素: .note { font-size: small }在这个例子，名为note的类可以被用于任何元素。 一个良好的习惯是在命名类的时候，根据它们的功能而不是根据它们的外观。上述例子中的note类也可以命名为small，但如果网页制作者决定改变这个类的样式，使得它不再是小字体的话，那么这个名字就变得毫无意义了。 ID 选择符ID 选择符个别地定义每个元素的成分。这种选择符应该尽量少用，因为他具有一定的局限。一个ID选择符的指定要有指示符#在名字前面。例如，ID选择符可以指定如下: #svp94O { text-indent: 3em }这点可以参考HTML中的ID属性: P ID=svp94O文本缩进3em/P 关联选择符关联选择符只不过是一个用空格隔开的两个或更多的单一选择符组成的字符串。这些选择符可以指定一般属性，而且因为层叠顺序的规则，它们的优先权比单一的选择符大。例如， 以下的上下文选择符 P EM { background: yellow }是P EM。这个值表示段落中的强调文本会是黄色背景；而标题的强调文本则不受影响。 声明属性一个属性被指定到选择符是为了使用它的样式。属性的例子包括颜色、边界和字体。 值声明的值是一个属性接受的指定。例如，属性颜色能接受值red。 组合为了减少样式表的重复声明，