欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

应用CSS转换XML文档的代码详解

程序员文章站 2022-03-10 11:53:49
...
一 介绍

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

语法:

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

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

二 应用CSS转换XML文档

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

三 代码

1、CSS代码:

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文档的代码详解的详细内容,更多请关注其它相关文章!

相关标签: CSS,XML