曝光台 注意防骗
网曝天猫店富美金盛家居专营店坑蒙拐骗欺诈消费者
4．字族，不可忽略
如果这听起来很复杂并且难以记住，那是因为本该如此。如不查阅，我肯定记不住这些属性顺序的准确的细节。我宁愿一次
只使用一个属性。这样就产生了一个疑问，像这样的简略属性是否真能节省时间。
清单12-13 使用font 简略属性，是带有迄今介绍过的所有规则的大纲的样式单。但是，由于font 属性准确地等同于其代表
的各属性之和，所以显示的文档没有任何变化。
清单12-13：使用font 简略属性的剧本大纲样式单
XML 实用大全
第 378 页
SYNOPSIS, TITLE, ACT, SCENE { display: block }
SCENENUMBER { font: italic smaller serif }
TITLE { font: bold x-large Helvetica, sans serif }
SYNOPSIS { font: 14pt Times, "Times New Roman", serif }
ACTNUMBER { font-variant: small-caps }
ACTNUMBER:first-letter { font-variant: normal }
ACTNUMBER { font-weight: bold }
XML 实用大全
第 379 页
12.10 颜色属性
CSS 允许使用color 属性可将颜色赋给几乎网页上的任何元素。颜色属性的值可以是16 个命名颜色关键字之一，或以十进
制、十六进制或百分数表示的RGB 三基色。例如，下列规则指定网页上的所有元素都以黑色显示，只是SCENE_NUMBER 除外，
它是以蓝色显示的。
SYNOPSIS { color: black }
SCENE_NUMBER { color: blue }
color 属性可被子属性所继承。所以，除SCENE_NUMBER 之外的大纲中的所有元素都将是黑色的。
下列规则与上面的两个是等价的。在有可能时，我推荐尽可能使用命名颜色，当做不到时，可使用浏览器安全色。
SYNOPSIS { color: #000000 }
SCENE_NUMBER { color: #0000FF }
SYNOPSIS { color: rgb(0, 0, 0) }
SCENE_NUMBER { color: rgb(0, 0, 255) }
SYNOPSIS { color: rgb(0%, 0%, 0%) }
SCENE_NUMBER { color: rgb(0%, 0%, 100%) }
XML 实用大全
第 380 页
12.11 背景属性
元素的背景可设置成一种颜色或一幅影像。如果设置为一幅影像，那么此影像可相对于元素内容加以定位。可使用下列五个
基本属性来达此目的：
1．background-color
2．background-image
3．background-repeat
4．background-attachment
5．background-position
最后，还有一个background 简略属性，它允许在一条规则中设置某些或所有的五个属性。
如今在Web 上，人们过度地使用奇特的背景。除了非常明亮的背景以外的其他东西，只会使网页难以阅读，并令用户生厌。
出于完整之目的，我在此列出了这些属性，但是，我强烈推荐节制一点使用这些属性(如果不能完全不用的话)。
任何一个背景属性都不会被继承。每个子元素必须指定所需的背景色。但是，由于背景的缺省值为透明的，所以看起来就好
像这些背景属性被继承了一样。无论哪个元素的背景绘制于某元素下，它都会透过来。在大多数情况下，这就是父元素的背
景。
12.11.1 background-color 属性
background-color 属性可设置为与color 属性一样的值，但是，它并不改变元素内容的颜色，而是改变元素内容绘制其上
的背景的颜色。例如，要在蓝色背景上绘制黄色文本的SIGN 元素，可使用如下的规则：
SIGN { color: yellow; background-color: blue }
也可以将background-color 设置为关键字transparent(缺省值)，这表明背景使用位于其下的元素(通常为父元素)的颜色
或影像。
12.11.2 background-image 属性
background-image 属性既可以是none(缺省值)，也可以是指明位图图像文件集团的URL(通常是相对值)。如果为URL，则浏
览器将加载影像，并把它作为背景使用，这一点极像HTML 中BODY 元素的BACKGROUND 特性。例如，下面显示的是如何将文
件party.gif(如图12-10 所示)作为INVITATION 元素的背景。
INVITATION { background-image: url(party.gif) }
XML 实用大全
第 381 页
图12-10 清单12-14 中舞会请谏背景使用的未平铺且未加裁剪的原始背景影像
由background-image 属性引用的影像在指定的元素下方绘出，而不是像HTML 的BODY 元素的BACKGROUND 特性那样在浏览器
窗格下方绘出。
如果背景影像与基本元素关联，早期的Mozilla 5.0 测试版把背景影像加到整个文档窗格而不仅仅是元素本身上。但是，对
于所有的非基本元素，背景影像只施加于使用它的元素。CSS1 规范并没有明确地表示这一点是否可以接受。
背景影像通常并不是和网页内容的大小精确一致。如果影像比元素框大，影像将会被剪切。如果影像比元素框小，那它就会
垂直和水平平铺。图12-11 显示的背景影像，平铺到足够大以超过下面的内容。注意，这种平铺是在元素窗口中横向穿过，
而不是在整个浏览器窗口上进行。
图12-11 平铺的背景影像
清单12-14：以XML 格式表示的舞会请谏
<?xml version=”1.0”?>
<?xml stylesheet type=”text/css” href=”party.css”?>
<INVITATION>
You’re invited to a party on December 31, 1999 to celebrate the
new millennium! You’re invited to a party on December 31, 1999
XML 实用大全
第 382 页
to celebrate the new millennium! You’re invited to a party on
December 31, 1999 to celebrate the new millennium! You’re
invited to a party on December 31, 1999 to celebrate the new
millennium! You’re invited to a party on December 31, 1999 to
celebrate the new millennium! You’re invited to a party on
December 31, 1999 to celebrate the new millennium! You’re
invited to a party on December 31, 1999 to celebrate the new
millennium! You’re invited to a party on December 31, 1999 to
中国航空网 www.aero.cn
航空翻译 www.aviation.cn
本文链接地址：
XML实用大全(108)
