XML--CSS设定XML文档表格显示(共3页).doc

《XML--CSS设定XML文档表格显示(共3页).doc》由会员分享，可在线阅读，更多相关《XML--CSS设定XML文档表格显示(共3页).doc（3页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、精选优质文档-倾情为你奉上XML CSS设定XML文档表格显示通过使用CSS，XML文档可以有丰富的呈现形式，例如可以实现传统HTML中的任何效果。在本练习中将使用表格样式呈现XML文档数据，该XML文档记录了某高校部分学生的信息。创建表格显示数据的步骤如下所示：（1）创建XML文档数据。本练习使用的XML文档的核心内容如下所示： 长春煤矿学院05级部分学生通讯地址 学号姓名家庭住址 吴海阳辽宁省沈阳市幸福路35号 牛海力吉林省长春市前进大街106号 数据查询日期：2008-03-26 上述代码保存为table.xml文件，根元素下面有三个直接子元素：head元素、body元素和bottom元

2、素。head元素的内容是表头部分的数据；body元素的内容是表主体部分的数据；bottom元素的内容是表格底部的附加信息。line元素代表一条数据记录。（2）创建CSS文件根据XML文档的元素结构定义CSS文档，来指定XML文档呈现方式，核心内容如下所示：div margin:1px; width:25%; display:inline; div.title font-weight:bolder; color:red; text-align: center; width: 62%; display:block;line border-left-style:inset; border-right-style:inset; line-height:25px; display:block;.single div background-color: #CCCCFF;bottom div background-color: #D3D3D3; text-align: center; width: 100%;上述代码保存在table.css文件中。标记选择器div定义了div元素默认的呈现样式，而处在不同层次中的div元素增加个性化的呈现方式。在浏览器中打开该XML文档时运行效果如图4-2所示。图4-2 表格样式效果专心-专注-专业