实训目的：.doc

实训目的: 1、掌握了使用CSS层叠样式语言去美化XML源文件的方法 2、掌握各种CSS样式的显示效果 实训环境： 软件：利用XML SPY 2004软件完成本实训内容。 实训内容: 一、为实训一创建的XML文档创建一个CSS样式文件 1、实训一的XML文档结构如下： ?xml version 1.0 encoding GB2312 好友 ID 1 草先生 男 1981-07-06 最好 座机电话号码 11111 abc@163.com 四川省成都市 ![CDATA[这个朋友在学习上对我的帮助最大]] 具体要求： ①．每个联系人以区块显示，整个区块边框设置为1像素，颜色为#990066，最后为区块设置背景图，自行选择一张图片。 ②．将姓名元素的内容单独显示一行，背景为#f8f8f8，并将姓名元素字体颜色指定为绿色、加粗显示。 ③．将其它元素的内容使用列表形式显示，改变默认列表项目符为其它的指定图片（注意，以上图片格式只能为gif、jpg或png）。 ④．为除姓名以外的元素设置下划线，样式为点划线，其颜色为#ff0000。 二、实施过程 具体步骤： 1、启动XML SPY2004软件 2、创建CSS文档 选择菜单项[File]－选择[New]－选择css, 层叠样式表文档－单击[OK]按钮，如图5-1所示。 图?5-1 3、根据以上的要求创建相应的CSS文档。 同类参考示例：? 如图5-2所示： 图?5-2 XML文档：  ?xml version 1.0 encoding UTF-8 standalone no 高利 001 四川成都和讯通信一公司 zhangyang@ 028 座机电话号码 东大街道 成都市 四川省 张凤云 002 四川成都和讯通信二公司 liqinglian@ 028 1座机电话号码 南大街 成都市 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