曝光台 注意防骗
网曝天猫店富美金盛家居专营店坑蒙拐骗欺诈消费者
陷的人们。许多Web 设计者都指定了太多的样式，只能生成出系统完全无法读取的、与原来不完全一致的网页。幸运的是，
CSS2 将这种优先权过程颠倒，以致读者规则决定最终的样式。
12.5.3 级联顺序
样式是从适用于一个元素的现有的样式规则中选择出来的。一般地，越专门的规则，优先权越高。例如，考察下面的这个片
段：
XML 实用大全
第 352 页
<OUEVRE>
<PLAY ID=”x02” CLASS=”WILDE”>
The Importance of Being Earnest
</PLAY>
</OUEVRE>
最专门的规则就会优先。于是，通过其ID 选择PLAY 元素将优于使用其CLASS 选择PLAY 元素。使用其CLASS 来选择PLAY
元素的规则将先于包含在OUEVER 元素中选择PLAY 元素的规则。当然，如果不使用任何规则，将选择通用的PLAY 规则。如
果选择符不匹配，将使用从父元素那里继承来的值。如果从父元素那里没有继承任何值，就使用缺省值。
如果在给定的特征级中有多个规则，那么级联顺序按下列优先级决定：
1．作者标记为重要的声明。
2．读者标记为重要的声明。
3．作者未标记为重要的声明。
4．读者未标记为重要的声明。
5．样式单中的最近的规则。
应尽量避免依赖于级联顺序。指定尽可以少的样式，并且让读者浏览器的优选项处于主控地位，就会很少出现错误。
XML 实用大全
第 353 页
12.6 在CSS 样式单中添加注释
可以在CSS 样式单中包含注释。CSS 注解类似于C 语言的/* */注释，而不像XML 和HTML 的<! - ->注释。清单12-6 显示了
这种注解的使用方法。不过，本样式单不能把样式规则应用于元素。它以英语来描述样式规则可能出现的结果。
清单12-6：含有注释的诗的样式单
/* Work around a Mozilla bug */
POEM { display: block }
/* Make the title look like an Hl header */
TITLE { display: block; font size: 16pt; font-weight: bold }
POET { display: block; margin-bottom: 10 }
/* Put a blank line in-between stanzas,
only a line break between verses */
STANZA { display: block; margin-bottom: 10 }
VERSE { display: block }
CSS 比XML DTD、Java、C 或Perl 更容易理解，所以不像其他语言那样需要使用注释。可是，包含注释也并非不好。使用注
释可有助于那些想要弄明白所写的样式单的意义，而无法直接提出问题的人。
XML 实用大全
第 354 页
12.7 CSS 中的单位
CSS 属性具有名称和值。表12-1 列举了一些属性名及其值。
CSS 的所有名称都是关键字。但是，值则千变万化。有些值是关键字，如display:none 中的none 或border-style:solid
中的solid；有些值是带有单位的数字，如margin-top:0.5in 中的0.5in 或font-size:12pt 中的12pt；而另外还有一些值
则为URL，如background-image: url(http://www.idgbooks.com /images /paper.gif)中的http://www.idgbooks.com
/images/paper.gif)，或者为RGB 颜色，如color:#CC0033 中的#CC0033。不同的属性可以为不同的值，但是，一个属性只
能为下列四种类型的值：
1．长度
2．URL
3．颜色
4．关键字
关键字随属性而变，但其他类型的值则与属性无关，保持定值。也就是说，长度值就是一个长度的长短，而不管其是哪个属
性的值。如果知道如何指定一个边界的长度，也就知道如何指定页边距(margin)、贴边(padding)和图像的长度。语法的这
种重用性使处理不同的属性变得容易一些。
表12-1 属性名和属性值的示例
名称 值
display None
font-style Italic
margin-top 0.5in
font-size 12pt
border-style Solid
color #CC0033
background-color White
background-image url(http://www.idgbooks.com/images/paper.gif)
list-styl –image url(/images/redbullet.png)
line-height 120%
12.7.1 长度值
XML 实用大全
第 355 页
在CSS 中，长度是一种度量尺寸，用于宽度、高度、字号、字和字母间距、文本的缩排、行高、页边距、贴边、边框线宽以
及许许多多的其他属性。可以用下列三种方法指定长度：
1．绝对单位
2．相对单位
3．百分比
12.7.1.1 长度的绝对单位
长度的绝对单位，似乎有点用词不当的感觉，因为在计算机屏幕上确实没有绝对的长度单位。将屏幕的分辩率从640´ 480
改为1600´ 1200，就会改变计算机中的所有长度，包括以英寸和厘米为单位的长度。但是，CSS 支持五种“绝对”长度单位
(至少其字体不会发生变化)。表12-2 列出了这五种长度的绝对单位。
表12-2 长度的绝对单位
英寸(in) 厘米(cm) 毫米(mm) 磅(pt) 十二点(pc)
英寸 1.0 2.54 25.4 72 6
厘米 0.3937 1 10 28.3464 4.7244
毫米 0.03937 0.1 1.0 2.83464 0.47244
磅 0.01389 0.0352806 0.352806 1.0 0.83333
十二点 0.16667 0.4233 4.233 12 1.0
长度是以数值来表示的，其后紧跟着表示长度单位的缩写字母：
英寸 in
厘米 cm
毫米 mm
磅 pt
十二点 pc
长度单位的数值可能有小数点(如，margin-top:0.3in)。有些属性允许为负值，如-0.5in，但并非都如此；甚至有些属性往
往限制其负长度值的大小。要使交叉浏览器具有最大的兼容性，最好避免使用负值。
12.7.1.2 长度的相对单位
XML 实用大全
第 356 页
CSS 还支持下列三种长度的相对单位：
1．em：当前字体中字母m 的宽度
2．ex：当前字体中字母x 的高度
3．px：一个像素的大小(假设为方形像素；如今的普通显示器都使用方形像素，尽管几乎现在就要被丢进垃圾箱的有些旧
PC 显示器并非如此)
例如，下列规则设置PULLQUOTE 元素的左右边为当前字体中字母m 宽度的两倍，顶和底边为当前字体中字母x 高度的1.5
中国航空网 www.aero.cn
航空翻译 www.aviation.cn
本文链接地址：
XML实用大全(102)
