XML CSS设定XML文档表格显示
合集下载
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
XML CSS设定XML文档表格显示
通过使用CSS,XML文档可以有丰富的呈现形式,例如可以实现传统HTML 中的任何效果。
在本练习中将使用表格样式呈现XML文档数据,该XML文档记录了某高校部分学生的信息。
创建表格显示数据的步骤如下所示:
(1)创建XML文档数据。
上述代码保存为table.xml文件,根元素下面有三个直接子元素:head元素、b ody元素和bottom元素。
head元素的内容是表头部分的数据;body元素的内容是表主体部分的数据;bottom元素的内容是表格底部的附加信息。
line元素代表一条
数据记录。
(2)创建CSS文件
根据XML文档的元素结构定义CSS文档,来指定XML文档呈现方式,核心内容如下所示:
上述代码保存在table.css文件中。
标记选择器div定义了div元素默认的呈现样式,而处在不同层次中的div元素增加个性化的呈现方式。
在浏览器中打开该X
ML文档时运行效果如图4-2所示。
图4-2 表格样式效果。