XML--CSS设定XML文档表格显示

XMLCSS设定XML文档表格显示通过使用CSS，XML文档可以有丰富的呈现形式，例如可以实现传统HTML中的任何效果。在本练习中将使用表格样式呈现XML文档数据，该XML文档记录了某高校部分学生的信息。创建表格显示数据的步骤如下所示：（1）创建XML文档数据。本练习使用的XML文档的核心内容如下所示：?xmlversion=1.0encoding=GB2312??xml-stylesheethref=table.csstype=text/css?studentheaddivclass=title长春煤矿学院05级部分学生通讯地址/divlinediv学号/divdiv姓名/divdivclass=addr家庭住址/div/line/headbodylineclass=singlediv2051501/divdiv吴海阳/divdivclass=addr辽宁省沈阳市幸福路35号/div/linelinediv2051502/divdiv牛海力/divdivclass=addr吉林省长春市前进大街106号/div/line……/bodybottomlinediv数据查询日期：2008-03-26/div/line/bottom/student上述代码保存为table.xml文件，根元素下面有三个直接子元素：head元素、body元素和bottom元素。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;}.singlediv{background-color:#CCCCFF;}bottomdiv{background-color:#D3D3D3;text-align:center;width:100%;}上述代码保存在table.css文件中。标记选择器div定义了div元素默认的呈现样式，而处在不同层次中的div元素增加个性化的呈现方式。在浏览器中打开该XML文档时运行效果如图4-2所示。图4-2表格样式效果