xml的一些应用

最新推荐文章于 2024-03-23 12:33:25 发布

kewin_edward

最新推荐文章于 2024-03-23 12:33:25 发布

阅读量656

点赞数

CC 4.0 BY-SA版权

分类专栏： xml

本文链接：https://blog.youkuaiyun.com/kewin_edward/article/details/9707413

xml 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何使用CSS和XSLT来展示XML数据，包括具体的XML文件示例及对应的样式表文件，并展示了最终的呈现效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用css显示xml

看一个demo.xml

<?xml version="1.0" encoding="gbk"?>
<?xml-stylesheet type="text/css"  href="demo.css" ?>
<information>
	<man>
		<name>爱迪生</name>
		<id>1</id>
		<email>cheng@qq.com</email>
		<phone>123445</phone>
	</man>
</information>

demo.css

name{
	
	display:block;
	font-size:20pt;
	font-weight:blod;

}
id,email,phone{
	
	display:block;
	font-size:15pt;
	font-weight:normal;
	font-style:italic;

}

显示的结果为：

注意display:block;显示时当成一个块，会换行显示

再看一个例子，cd.xml

<?xml version="1.0" encoding="gbk"?>
<?xml-stylesheet type="text/css" href="cd.css"?>
<Catalog>
	<Cd>
		<Title>empire burlesque</Title>
		<Artist>bob Dylan</Artist>
		<Price>10.9</Price>
		<Year>1990</Year>
	</Cd>
	<Cd>
		<Title>empire burlesque</Title>
		<Artist>bob Dylan</Artist>
		<Price>10.9</Price>
		<Year>1990</Year>
	</Cd>
	<Cd>
		<Title>empire burlesque</Title>
		<Artist>bob Dylan</Artist>
		<Price>10.9</Price>
		<Year>1990</Year>
	</Cd>
<Catalog>

cd.css

Catalog{
	background-color:#ffaeff;
	width:100%;
}
Cd{
	display:block;
	margin-bottom:10pt;
}
Title,Artist{
	color:#ff0000;
	font-size:20pt;
}
Price,Year{
	display:block;
	color:#ff00aa;
	font-size:20pt;
}

效果为：