采用CSS样式对XML文档数据进行显示 - 副本.doc

实验5 采用CSS样式对XML文档数据进行显示一、完成下述步骤，使用CSS处理XMl显示（1）对以下“联系人.xml”进行CSS定义（设CSS文件名为“联系人.css”） 李 明陈 俪（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; 电话 display:block; color:red; font-family:Times,Arial,serif; font-style:italic; font-size:16pt; font-weight:bold; （6）在XML文件中指定对应CSS样式表 李 明陈 俪（8）在IE中打开带有CSS定义的“联系人信息.xml”，观察显示结果。如显示没有效果，请修改XML中的元素中文名称替换为字母，并修改对应的css文件。不加替换为字母的html显示： 李 明陈 俪换后： 李 明陈 俪humanlistdisplay:block;human display:block; position:center; name display:block; color:blue; font-family:Times,Arial,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;李 明陈 俪/*效果在此文档中显示不了*/二、创建一个带有样式的XML文档。某公司招聘一个办公室文员，公司经理要你编写一个XML文档。该文档要求带有招聘岗位、招聘要求、招聘截至日期等。 实验步骤(1) 构思 首先规划一下，编写该XML文档所需要的资源及数据。如手边的XML开发工具，该XML文档应该包含哪些数据，这些数据总的结构是什么，用草稿的形式写出大体的轮廓。每种数据都是以什么样式显示。(2) 编写XML文档 根据上个步骤所做出的草稿，用XML文档实现，编写好后运行调试。(3) 编写与XML文档对应的CSS文档 根据第一步所设想的样式在这个步骤中实现时，每种样式需要调用哪些标记。(4) 调试和运行 如果上面的步骤都完成了，在这个步骤中可以进行调试，实际效果和预想的之间如出现差距、出现问题，应及时调试。实验结果：XML文档：CSS文档；实现结果：!DOCTYPE Recruitment 总经理 研究生以上 2009/11/8 副总经理 本科以上 2009/11/8 Recruitmentbackground:#16598;width:50%;Information background:#EEEEEE; Posts display:block; color:#708090; Request display:block; color:blue; margin-left:20px; Deadline color:red; display:block;三、XML+CSS显示实例（为第四小题提供参考）图 5-2 XML文档： 高利 001 四川成都和讯通信一公司 (028)62345678 东大街道 成都市 四川省 张凤云 002 四川成都和讯通信二公司 (028)12345678 南大街 成都市 CSS样式文档：lianxirenlist width:300px; margin:0 auto;lianxiren border:1px solid #000; margin:10px; width:100%; height:100px; background:url(bg.gif)xingming color:#ff0000; background:#f1f1f1; font-weight:bold; padding:5px; width:100%; ID,gongsi,EMAIL,dianhua,jiedao,chengshi,shenfen width:100%; padding:5px; display:list-item; list-style:none inside url(74.gif); border-bottom:1px四、（选作）为下面的XML文档创建一个CSS样式文件（参考第三小题） 张先生 男 1981-07-06 最好 88888888 11111 四川省成都市 。（可自行添加若干好友标记）具体要求： 每个联系人以区块显示，整个区块边框设置为1像素，颜色为#990066，最后为区块设置背景图，自行选择一张图片。将姓名元素的内容单独显示一行，背景