曝光台 注意防骗
网曝天猫店富美金盛家居专营店坑蒙拐骗欺诈消费者
要在XML 文件中嵌入影像，没有任何标准方法，所以对于本例，我们用一背景影像，并灵活的使用CSS 属性来仿造嵌入影像
的效果，清单12-16 是一个稍加修改的舞会请谏，它有一空的IMAGE 元素。清单12-17 是一样式单，它将party.gif 文件设
置为IMAGE 元素的背景。也可以设置IMAGE 元素的宽度和高度属性。最后，设置float 为left。图12-33 显示运行后的结
果。
清单12-16：有空IMAGE 元素的舞会请谏
<?xml version="1.0"?>
<?xml stylesheet type="text/css" href="12-17.css"?>
<INVITATION>
<IMAGE />
XML 实用大全
第 403 页
<TEXT>
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 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!
</TEXT>
</INVITATION>
清单12-17：加载一个IMAGE 的样式单
INVITATION { display:block; }
IMAGE { background: url(party.gif) no-repeat center center;
width: 134px;
height: 196px;
float: left; }
XML 实用大全
第 404 页
TEXT { display: block }
12.13.7 clear 属性
clear 属性指定元素是否可以在其各边有浮动元素。如果不能，元素将移到任何在此元素之前的浮动元素之下。它与HTML
中的<BR CLEAR="ALL">元素有关。其可能值为：
none right
left both
图12-33 在左边浮动的舞会请谏上的影像
缺省值none 使浮动元素出现在元素的两侧。left 值预示浮动元素出现在元素的左侧。right 值预示浮动元素出现在元素的
右侧。both 值预示浮动元素出现在元素的两侧。例如，假设把下列规则加入到清单12-17 的样式单中：
TEXT { clear: left }
现在，尽管IMAGE 元素想浮动在TEXT 元素的左边，但TEXT 元素不允许这样做(如图12-34 所示)。IMAGE 元素仍然处于左边，
但现在TEXT 被推到影像之下。
XML 实用大全
第 405 页
图12-34 将clear 设置为left 的舞会请谏
XML 实用大全
第 406 页
12.14 本章小结
在本章中，读者已学习了以下内容：
• 对于将样式应用于元素的内容来说，CSS 是一种简单、易懂的语言，它在HTML 中非常有效，而在XML 中甚至更加
有效。
• 选择符是将规则应用其上的一组以逗号分隔开来的元素。
• CSS 可把多条规则应用于所给类型的元素或带有特定CLASS 或ID 特性的元素。
• 许多(尽管不是所有的)CSS 属性都可以被它们所应用的元素的子元素所继承。
• 如果多条规则应用于一个元素，那么格式化属性以预想的方式层叠。
• 在CSS 样式单中，可使用像C 语言中的/ * * /一样的注释。
• 长度可以用相对或绝对单位指定。使用相对单位更好。
• display 属性决定一元素是否是块级、内联或列表项元素。
• 字体属性决定文本字体的外观、样式、大小和粗细。
• 颜色属性可用十进制、十六进制或百分数的24 位RGB 空间表示。
• 背景属性包括颜色、影像、影像位置和影像平铺。
• 文本属性可用来调整行距、字间距、字母间距、垂直和水平对齐、修饰和大写。
• 框属性可用来调整网页上元素的相对位置和间距，以及元素周围的边框线。
CSS1 也受到一些限制。首先，CSS1 只能把样式与已经出现在文档中的内容相链接。它无法向文档中添加内容，即使像标点
符号这样的内容。此外，它不能把内容以任何方式(如分类或重排)进行变换。这些需要用XSL(Extensible Style Language，
可扩充样式语言)来解决。即使仅仅从格式化内容的角度来考虑，CSS1 所提供的也比人们需要的少。最明显的是，不支持表
格。还有其他非明显的缺点。CSS1 不能处理从右到左的文本(如希伯来语、阿拉伯语)或垂直文本(如繁体中文)。在下一章
中，我们将学习CSS2，它可以解决这些问题和CSS1 的限制。
第13 章 级联样式单级别2
级联样式单级别2（CSS2）规范由W3C 在1998 年出版，它优于CSS1，对XML 和HTML 文档格式化的功能比以前更强大。当然，
与CSS1 一样，CSS2 也对HTML 向后兼容。但是，使用XML，CSS2 几乎和桌面出版程序（如PageMaker 和Quark XPress）一
样，可格式化纸张和Web 上的内容。
这里讨论的大多数规则，常用的浏览器仍不能执行。Mozilla 可实现一些样式，但完全能够实现所有的样式仍有一段路要走。
本章的主要内容如下：
• CSS2 中有哪些新特点？
• 选择元素
• 格式化网页
• 可视的格式化
• 框
• 计数器和自动计数
• 音频样式单
13.1 CSS2 中有哪些新特点？
XML 实用大全
第 407 页
CSS2 体现了Web 开发者和设计者对浏览器开发商长期以来一直要求的许多特点。其规范也比CSS1 多两倍，不仅仅是所有改
中国航空网 www.aero.cn
航空翻译 www.aviation.cn
本文链接地址：
XML实用大全(113)
