如何使用CSS转换XML文档

这篇文章给大家分享的是有关如何使用CSS转换XML文档的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

 一 介绍

通过CSS转换XML文档,其链接CSS样式文件的语法格式如下:

语法:

<?xml-stylesheet type="text/css" href="CSS样式表文件路径"?>

通过该语句来引用一个外部的CSS文件,实现XML文档的格式化输出。

二 应用CSS转换XML文档

在实例中应用CSS样式实现XML文档的格式化输出。

三 代码

CATALOG
{
background-color: #ffffff;
width: 100%;
}
CD
{
display: block;
margin-bottom: 30pt;
margin-left: 0;
}
TITLE
{
color: #FF0000;
font-size: 20pt;
}
ARTIST
{
color: #0000FF;
font-size: 20pt;
}
COUNTRY,PRICE,YEAR,COMPANY
{
display: block;
color: #000000;
margin-left: 20pt;
}

2、XML代码:

<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/css" href="css.css"?>
<CATALOG>
<CD>
<TITLE>Empire Burlesque</TITLE>
<ARTIST>Bob Dylan</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>Columbia</COMPANY>
<PRICE>10.90</PRICE>
<YEAR>1985</YEAR>
</CD>
<CD>
<TITLE>Hide your heart</TITLE>
<ARTIST>Bonnie Tyler</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>CBS Records</COMPANY>
<PRICE>9.90</PRICE>
<YEAR>1988</YEAR>
</CD>
</CATALOG>

四 运行结果

如何使用CSS转换XML文档

感谢各位的阅读!关于“如何使用CSS转换XML文档”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!