Skip to main content

使用CSS来设置XML文档样式

21 Div+Css布局div+span以及盒模型 (六月 2025)

21 Div+Css布局div+span以及盒模型 (六月 2025)
Anonim

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

那么,我如何查看我的XML?

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

假设您有一个XML文档:

>

朱迪

莱亚德

詹妮弗

布伦丹

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

Judy Layard Jennifer Brendan

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

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

例如,在HTML中,您可能希望使用字体面Verdana,Geneva或Helvetica定义段落标记()中的所有文本,并将背景颜色设置为绿色。要在样式表中定义它以便所有段落都是这样,你会写:

p {

font-family:verdana,geneva,helvetica;

background-color:#00ff00;

}

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

家庭{

颜色:#000000;

}

父母{

font-family:Arial Black;

颜色:#ff0000;

边界:固体5px;

宽度:300px;

}

小孩{

font-family:verdana,helvetica;

颜色:#cc0000;

边界:固体5px;

border-color:#cc0000;

}

获得XML文档并编写样式表后,需要将它们放在一起。与HTML中的link命令类似,您在XML文档的顶部放置一行(在XML声明下面),告诉XML解析器在哪里找到样式表。例如:

如上所述,此行应位于<?xml?>声明下方,但在XML文档中的任何元素之前。

总而言之,您的XML文档将为:

>

朱迪

莱亚德

詹妮弗

布伦丹