第十四课 CSS与XML的综合运用

XML是eXtensible Markup Language的缩写，即可扩展标记语言。它是一种可以用来创建自定义标记的语言，由万维网协会（W3C）创建，用来克服HTML的局限。从实际功能上来看，XML主要用于数据的存储，而HTML则主要用于数据的显示。本课重点介绍XML的基础知识、XML与CSS的关系，以及将二者结合在一起的简单使用方法。

1.XML基础

XML是可扩展标记语言的简称，它结构化的定义数据标准的格式。我们在这里主要介绍XML的基础知识，包括XML的特点、XML与HTML的联系、XML的语法、XML的编写等等。希望大家能了解以下几个要点:

• XML的特点
• XML与HTML
• XML基本语法

2.XML链接CSS文件

XML的主要用途是文件数据结构的描述，但XML并没有办法告诉浏览器，这些结构化的数据应该怎样显示出来。与HTML的原理类似，通过链接外部的风格样式文件，就能够很好的显示数据。我们在这里主要介绍XML调用CSS的方法，以及CSS如何控制XML页面中的各个元素。
与HTML页面一样，在XML中同样可以链接外部的CSS文件，来控制各个标记，其方法与HTML外部链接CSS文件很类似，简单的示例如下所示。

3.XML文字阴影效果

前面介绍了XML如何链接CSS文件的方法，我们在这里通过具体的实例，进一步学习CSS控制各个XML中数据的技巧。本例利用CSS的定位，在XML中实现类似前面的“文字阴影”的效果。

4. XML古诗字画

上一节对XML的CSS文字定位进行了实例介绍，我们在这里主要讨论XML中插入图片，以及配合文字的技巧。本例主要通过绝对定位的方法，为XML文档的段落文字排版，并导入背景图片配合文字。

5. XML实现隔行变色的表格

在前面我们曾经利用HTML的 table 数据表格与CSS配合，制作出了方便实用的隔行变色表格。对于用XML表示的数据，同样可以采用类似的办法，使得数据表格看上去友好、实用。本例效果如图所示。