《XMLCSS设定XML文档表格显示》由会员分享,可在线阅读,更多相关《XMLCSS设定XML文档表格显示(3页珍藏版)》请在人人文库网上搜索。
1、XML CSS设定XML文档表格显示通过使用CSS,XML文档可以有丰富的呈现形式,例如可以实现传统HTML中的任何效果。在本练习中将使用表格样式呈现XML文档数据,该XML文档记录了某高校部分学生的信息。创建表格显示数据的步骤如下所示:(1)创建XML文档数据。本练习使用的XML文档的核心内容如下所示:长春煤矿学院05级部分学生通讯地址学号姓名家庭住址2051501吴海阳辽宁省沈阳市幸福路35号2051502牛海力吉林省长春市前进大街106号数据查询日期:2008-03-26上述代码保存为table.xml文件,根元素下面有三个直接子元素:head元素、body元素和bottom元素。hea。
2、d元素的内容是表头部分的数据;body元素的内容是表主体部分的数据;bottom元素的内容是表格底部的附加信息。line元素代表一条数据记录。(2)创建CSS文件根据XML文档的元素结构定义CSS文档,来指定XML文档呈现方式,核心内容如下所示:divmargin:1px;width:25%; display:inline; div.titlefont-weight:bolder;color:red;text-align: center;width: 62%;display:block;lineborder-left-style:inset;border-right-style:inset;line-height:25px;display:block;.single divbackground-color: #CCCCFF;bottom divbackground-color: #D3D3D3;text-align: center;width: 100%;上述代码保存在table.css文件中。标记选择器div定义了div元素默认的呈现样式,而处在不同层次中的div元素增加个性化的呈现方式。在浏览器中打开该XML文档时运行效果如图4-2所示。图4-2 表格样式效果。