采用css样式对xml文档数据进行显示 - 副本

《采用css样式对xml文档数据进行显示 - 副本》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、实验5采用CSS样式对XML文档数据进行显示一、完成下述步骤，使用CSS处理XMl显示（1）对以下“联系人.xml”进行CSS定义（设CSS文件名为“联系人.css”）<联系人列表><联系人><姓名>李明<电话>13499999999<联系人><姓名>陈俪<电话>15988888888（

2、2）书写css定义头部（3）定义“联系人列表”元素的显示（由“联系人”组成）联系人列表{display:block;}（4）定义“联系人”元素的显示联系人{display:block;position:center;}（5）定义“姓名”及“电话”元素的显示姓名{display:block;color:blue;font-family:Times,Arial,serif;font-style:normal;font-size:16pt;font-weight:bold;}电话{displa

3、y:block;color:red;font-family:Times,Arial,serif;font-style:italic;font-size:16pt;font-weight:bold;}（6）在XML文件中指定对应CSS样式表<联系人列表><联系人><姓名>李明<电话>13499999999<联系人><姓名>陈俪

4、<电话>15988888888（8）在IE中打开带有CSS定义的“联系人信息.xml”，观察显示结果。如显示没有效果，请修改XML中的元素中文名称替换为字母，并修改对应的css文件。不加替换为字母的html显示：<联系人列表><联系人><姓名>李明<电话>13499999999<联系人><姓名>陈俪<电话>15988888888替换后：

5、>李明13499999999陈俪15988888888humanlist{display:block;}human{display:block;position:center;}name{display:block;color:blue;font-family:Times,A

6、rial,serif;font-style:normal;font-size:16pt;font-weight:bold;}phone{display:block;color:red;font-family:Times,Arial,serif;font-style:italic;font-size:16pt;font-weight:bold;}李明13499999999陈俪15988888888/*效果在此文档中显示不了*/二、创建一个带有样式的XML文档。某公司招聘一个办公室文员，公司经理要你编写一个XML文档。该文档要求带有招聘岗位、招聘要求、招聘截至日期

7、等。Ø实验步骤(1)构思首先规划一下，编写该XML文档所需要的资源及数据。如手边的XML开发工具，该XML文档应该包含哪些数据，这些数据总的结构是什么，用草稿的形式写出大体的轮廓。每种数据都是以什么样式显示。(2)编写XML文档根据上个步骤所做出的草稿，用XML文档实现，编写好后运行调试。(3)编写与XML文档对应的CSS文档根据第一步所设想的样式在这个步骤中实现时，每种样式需要调用哪些标记。(4)调试和运行如果上面的步骤都完成了，在这个步骤中可以进行调试，实际效果和预想的之间如出现差距、出现问题，应及时调试。实验结果：XML文档：CSS文档；实现结果：

8、mlversion="1.0"enco