如何通过CSS使用XML

如果您熟悉CSS如何设置HTML页面的样式,那么您会欣赏格式化的概念。 在XML标记语言开始时,显示数据有点复杂,但随着样式表的改变。

通过添加样式表引用,您可以将XML代码格式化并显示为网页。 如果没有CSS或其他格式,XML将显示为基本文本,并显示错误,指出浏览器找不到格式化文档。

XML样式示例

一个简单的样式表只需要列出显示数据所需的元素和格式属性。

这一段代码告诉处理器哪些元素要显示,以及它们应该如何在网页上看起来像这样:

sample {background-color:#ffffff; width:100%;} mymessage {display:block; background-color:#999999; margin-bottom:30pt;} body {font-size:50%}

格式文件的第一行是根元素。 根的属性适用于整个页面,但您可以为每个标签更改它们。 这意味着您可以指定页面的背景颜色,然后再指定每个部分的背景颜色。

将此文件保存到XML文件所在的同一目录中,并确保其具有.CSS文件扩展名。

从XML链接到CSS

在这一点上,这是两个完全独立的文件。 处理器不知道你希望他们一起工作来创建一个网页

您可以通过在XML文档的顶部添加一个声明来识别CSS文件路径的语句来解决此问题。 声明直接在最初的XML声明声明下,如下所示:

<?xml version =“1.0”encoding =“UTF-8”?> <?xml-stylesheet type =“text / css”href =“products.css”?>

在这个例子中,CSS文件被称为products.css ,这就是它在XML文档中被标记为这样的原因。 将其更改为您为CSS文件选择的任何文件名。