使用CSS设计XML文档样式

使你的XML看起来如何你想要它与层叠样式表

创建一个XML文档,编写DTD,并用浏览器解析它都很好,但是当你查看文档时文档将如何显示? XML不是一种显示语言。 事实上,用XML编写的文档根本没有格式。

那么,如何查看我的XML?

在浏览器中查看XML的关键是层叠样式表。 样式表允许您定义XML文档的每个方面,从文本的大小和颜色到非文本对象的背景和位置。

假设你有一个XML文档:

<?xml version =“1.0”standalone =“yes”> <!DOCTYPE family [<!ELEMENT parent(#PCDATA)> <!ELEMENT child(#PCDATA)>]> Judy Layard Jennifer Brendan

如果您要在XML就绪浏览器(如Internet Explorer)中查看该文档,它将显示如下所示的内容:

朱迪莱亚德珍妮弗布伦丹

但是如果你想区分父母和孩子的元素呢? 甚至可以在文档中的所有元素之间进行视觉区分。 你不能用XML来做到这一点,它不是用来显示的语言。

但幸运的是,在XML文档中使用层叠样式表或CSS可以很容易地定义在浏览器中查看时如何显示这些文档和应用程序。 对于上述文档,您可以使用与HTML文档相同的方式定义每个标签的样式。

例如,在HTML中,您可能想要使用字体为Verdana,Geneva或Helvetica并且背景颜色为绿色的段落标签(

)定义所有文本。 要在样式表中定义这个段落,以便所有的段落都是这样的,你可以这样写:

p {font-family:verdana,geneva,helvetica; background-color:#00ff00; }

XML文档也适用相同的规则。 XML中的每个标签都可以在XML文档中定义:

家庭{color:#000000; } parent {font-family:Arial Black; 颜色:#ff0000; border:solid 5px; 宽度:300px; } child {font-family:verdana,helvetica; 颜色:#cc0000; border:solid 5px; border-color:#cc0000; }

一旦你有了你的XML文档并且你的样式表被写入了,你就需要把它们放在一起。 与HTML中的链接命令类似,您将一行放在XML文档的顶部(位于XML声明下方),告诉XML解析器在何处查找样式表。 例如:

<?xml-stylesheet type =“text / css”href =“stylesheet.css”?>

正如我上面所说的,这行应该在<?xml?>声明的下面,但在XML文档中的任何元素之前。

综合起来,你的XML文档应该是这样的:

<!xml version =“1.0”standalone =“yes”> <?xml-stylesheet type =“text / css”href =“stylesheet.css”?> <!DOCTYPE family [<!ELEMENT parent(#PCDATA)> < !ELEMENT child(#PCDATA)>]> Judy Layard Jennifer Brendan