XMLCSS设定XML文档表格显示_第1页
XMLCSS设定XML文档表格显示_第2页
XMLCSS设定XML文档表格显示_第3页
XMLCSS设定XML文档表格显示_第4页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

XMLCSS设定XML文档表格显示通过使用CSS,XML文档可以有丰富的呈现形式，例如可以实现传统HTML中的任何效果。在本练习中将使用表格样式呈现XML文档数据，该XML文档记录了某高校部分学生的信息。创建表格显示数据的步骤如下所示：（1）创建XML文档数据。本练习使用的XML文档的核心内容如下所示：<?xmlversion="1.0"encoding="GB2312"?><?xml-stylesheethref="table.css"type="text/css”?><student><head><divclass="title">长春煤矿学院05级部分学生通讯地址</div><line><div>学号</div><div>姓名</div><divclass="addr”>家庭住址<3丫></line></head><body><lineclass="single”><div>2051501</div><div>吴海阳</div><divclass="addr">辽宁省沈阳市幸福路35号</div></line><line><div>2051502</div><div>牛海力</div><divclass="addr">吉林省长春市前进大街106号<总“></line></body><bottom><line><div>数据查询日期：2008-03-26</div></line></bottom></student>上述代码保存为table.xml文件，根元素下面有三个直接子元素：head元素、body元素和bottom元素。head元素的内容是表头部分的数据；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;.singledivbackground-color:#CCCCFF;bottomdivbackground-color:#D3D3D3;text-align:center;width:100%;上述代码保存在table.css文件中。标记选择器div定义了div元素默认的呈现样式，而处在不同层次中的div元素增加个性化的呈现方式。在浏览器中打开该XML文档时运行效果如图4-2所示。题完毕文件09编辑(E)查看00收藏a)IACT)帮助00;地址CD)|司F:\dgo\MM\ttbi*.x*l■心转到数据查询日期：2008-03-26gMyComputerF:\deMo\ch04\table.KMl-KicrosoftInternetExplorer□0E学号姓名家庭住址2051501吴梅阳辽宁省沈阳市幸福路35号2051502牛梅力吉林省长春市前进大街106号2051503郑国华河南省郑州市桃源路68号2051504王昆湖北省武汉市滨河大道

人人文库> 全部分类> 行业资料 > 信息产业

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论