• 热门标签

当前位置: 主页 > 航空资料 > 计算机 >

时间:2010-08-09 13:24来源:蓝天飞行翻译 作者:admin
曝光台 注意防骗 网曝天猫店富美金盛家居专营店坑蒙拐骗欺诈消费者

创建更为有效的文件格式和编码方法,但实际上简单并不是必须的。
XML 实用大全
第 66 页
4.4 编制样式单以便显示文档
图4-1 中的XML 文档的原始视图对于某些应用来说也是不错的。例如,此视图允许折叠和展开单个的元素,因而可以只看文
档中要看的部分。但大多数时候,人们总希望看到更好的形式,特别是,想要在Web 上显示数据时。为了提供更好的外观,
必须为文档编写样式单。
在本章中,我们使用的是CSS 样式单。CSS 样式单将特定的格式化信息与文档中的每个元素联系起来。我们的XML 文档中使
用的元素的完全列表如下:
SEASON
YEAR
LEAGUE
LEAGUE_NAME
DIVISION
DIVISION_NAME
TEAM
TEAM_CITY
TEAM_NAME
PLAYER
SURNAME
GIVEN_NAME
POSITION
GAMES
GAMES_STARTED
AT_BATS
RUNS
HITS
DOUBLES
XML 实用大全
第 67 页
TRIPLES
HOME_RUNS
RBI
STEALS
CAUGHT_STEALING
SACRIFICE_HITS
SACRIFICE_FLIES
ERRORS
WALKS
STRUCK_OUT
HIT_BY_PITCH
一般来说,我们要用重复的过程来为每个元素增加样式规则,一次一个元素地进行,然后检查是否达到了要求,再处理下一
个元素。在本例中,这种办法对于不熟悉样式单属性的人来说也有好处。
4.4.1 与样式单连接
样式单的名称可随便取。如果只是为一个文档编制样式单,那么习惯上样式单的文件与文档的文件名一样,但是三字母的扩
展名是.css 而不是.xml。例如,对于XML 文档1998shortstats.xml 来说,样式单文件可以叫做1998shortstats.css。另一
方面,如果同样的样式单还要用于许多文档,那么,可能需要更为普通的文件名,如baseballstats.css。
由于CSS 样式单是级联的,同一文档可有不止一个样式单。因而baseballstats.css 可向文档施加某些一般的样式规则,而
1998shortstats.css 可覆盖其中的几条规则,以便在同一文档(1998shortstats.xml)中处理特定的细节。我们将第12 章
“级联样式单(级别1)”中讨论这一问题。
为了将样式单与文档联系起来,只要像下面所示简单地在XML 声明和根元素间增加一个<?xml-stylesheet?>处理指令就可以
了:
<?xml version="1.0" standalone="yes"?>
<?xml-stylesheet type="text/css" href="baseballstats.css"?>
<SEASON>
...
这条指令告诉浏览器读取文档并施加保存在文件baseballstats.css 中的样式单。这个文件是假设放在与XML 文件同一服务
器上的同一目录中的。换句话说,baseballstats.css 是个相对的URL。完全的URL 也是可以使用的。例如:
XML 实用大全
第 68 页
<?xml version="1.0" standalone="yes"?>
<?xml-stylesheet type="text/css"
href="http://metalab.unc.edu/xml/examples/baseballstats.css"?>
<SEASON>
...
开始时,用户可以简单地将一个名为baseballstats.css 的空文件放在与XML 文档相同的目录中。然后向
1998shortstats.xml (清单4-1)中增加适当的指令,该文档现在在浏览器中的外观如图4-2 所示。只显示了元素内容。
可折叠的大纲视图(图4-1)不见了。元素内容的格式使用的是浏览器的缺省格式,在本例中是黑色12 磅的Times Roman 字
体放在白色背景上。
图4-2 使用了空白样式之后的1998 年两大棒球联赛的统计数字显示
如果在指定位置找不到样式单处理指令(xml-stylesheet)中指定的样式单文件名,也可看到一个很像图4-2 的视
图。
4.4.2 为根元素指定样式规则
用户不必为每个元素指定样式规则。许多元素允许将其父元素的样式串接下来。因而最重要的样式是根元素的样式,在本例
中就是SEASON 元素。这个样式定义了页面上所有其他元素的缺省样式。大致为72 dpi 的分辨率的计算机显示器不如纸上
300dpi 或更大的分辨率那样高。所以,Web 页面通常应该使用较大磅数的字号。首先将缺省样式定义为白色背景上的14 磅
黑色字,定义如下:
XML 实用大全
第 69 页
SEASON {font-size: 14pt; background-color: white;
color: black; display: block}
将这条语句放在一个文本文件中,将其以文件名baseballstats.css 与清单4-1 中的文件(1998shortstats.xml)保存在同
一目录中。在浏览器中打开1998shortstats.xml。我们就会看到如图4-3 所示的情况。
在图4-2 和图4-3 之间字号发生了变化,但文本颜色和背景颜色没有变化。其实这没有必要加以设置,因为黑色文本和白色
背景是缺省的。但明确地加以设置也没有损失什么。
图4-3 以14 磅白地黑字显示的棒球统计数据
4.4.3 为标题指定样式规则
元素YEAR 或多或少可算是文档的标题。因而使其显示得大一些,用32 磅的字号也就足够大了。同时,它还应该从文档的其
余部分突出出来,而不是简单地与其他内容混在一起。利用下面的样式规则可以达到这些目的:
YEAR {display: block; font-size: 32pt; font-weight: bold;
text-align: center}
图4-4 显示的是将此规则增加到样式单中之后的文档。请特别注意,在“1998”后面的换行。有这个换行是由于YEAR 是块
级元素。而在文档中的其他元素都是内联元素。我们只能使块级元素居中(或左对齐、右对齐或两端对齐)。
XML 实用大全
第 70 页
图4-4 将YEAR 元素格式化为标题
在使用了这种样式单的文档中,YEAR 元素与HTML 中的H1 标题元素的功能重复了。 由于这个文档是非常整齐地分支结构,
几个其他元素的功能与HTML 中的H2、H3 等相似。这些元素都可以用相似的规则加以格式化,只是将字号略微减小一些罢了。
例如,SEASON 由两个LEAGUE 元素组成。每个LEAGUE 的名称,即LEAGUE_NAME 元素,起了HTML 中的H2 元素一样的作用。
 
中国航空网 www.aero.cn
航空翻译 www.aviation.cn
本文链接地址:XML实用大全(26)