XML文档 第七次大作业

更新时间:2024-03-08 08:03:01 阅读量: 综合文库 文档下载

说明:文章内容仅供预览,部分内容可能不全。下载后的文档,内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的,是否完整无缺。

实验报告

1、报告人: 王宏宇 实验日期:2015年6月6日 2、实验名称:层叠样式表 3、实验结论:

实验1、实例简介

这里使用CSS,将存在XML 文档中的一段文字以指定的格式显示出来。同时,为整个页面设置了一张图片。实例实现

(1) 打开一个文本编辑器,在其中输入XML 文档和CSS 样式文件。 (2) 将文件分别存为6-5.xml 和6-5.css。

(3) 用IE 打开XML 文件,查看没有使用CSS 的文档效果。注释命令如下:

(4) 将6-5.xml 文档中的注释标记去掉,保存文件。 (5) 再用IE 查看该文件,显示使用了CSS 后的效果。 效果如图所示

XML:

- 1 -

李白 (701-762)

作者简介

李白(701-762),字太白。祖籍陇西成纪,隋末迁居中亚的碎叶城。李白一生绝大部分时间是在玄宗统治的盛唐即开元,天宝年间度过的,在李白流传下来的九百多篇诗中,大部分鲜明的表现了他对封建贵权的轻蔑,对腐朽政治的揭露和对人民疾苦的同情,对祖国壮丽山川的赞美,同时也由于封建统治思想的严重影响,李白的不少作品往往流露道家人生如梦,及时行乐和儒家“穷则独善其身”的情绪。李白是我国唐代与杜甫并称的伟大诗人,他的诗歌俱佳,而其中又以七言歌行与七言绝句最为擅长。李白代表作《望庐山瀑布》。

日照香炉生紫烟,遥看瀑布挂前川。飞流直下三千尺,疑是银河落九天。

CSS:

- 2 -

body{background-color: #ffffff;color: #000000;}

w{display:block;border-style:none;border-color:blue;width:650px;height:700px;}

title{font-weight:bold;font-size:40px;color:blue;text-align:center;display:block;position:absolute;top:0px;left:0px;width:650px;height:40px;}

n{font-size:20px;color:red;text-align:center;display:block;position:absolute;top:40px;left:0px;width:650px;height:20px;}

p{font-style:italic;font-size:30px;color:black;text-align:left;display:block;font-weight:bold;position:absolute;top:60px;left:0px;width:650px;height:30px;}

f1{position:absolute;top:100px;left:50px;width:650px;height:400px;}

p2{border-style:none;display:block;width:200px;height:238px;background:url(1.jpg);float:left;}

r1{font-style:italic;border-style:none;font-size:25px;color:#C60;text-align:left;display:block;font-weight:bold;width:600px;}

f2{border-style:solid;border-color:green;border-right:none;border-left:none;position:absolute;top:550px;left:50px;width:550px;height:25px;}

r2{font-size:15px;color:#F0F;text-align:center;display:block;font-weight:bold;position:absolute;top:5px;left:0px;width:550px;height:15px;}

效果:

- 3 -

实验2(选作)、的XML文件内容设置显示格式,使其美观、大方(设定文字大小、颜色、分行、分块),并显示出不同的层次。

欢迎来到钦州学院

仓库管理系统

钦州学院,联系人:李老师,张老师 电话:0777-63887788

工资管理系统

钦州学院,联系人:李老师,张老师 电话:0777-63887788

XML:

- 4 -

欢迎来到钦州学院 仓库管理系统 工资管理系统

CSS:

- 5 -

Greeting{font-size:30px;color:blue;font-weight:bolder;display:list-item;list-style-type:square;margin-left:100px;}

Name{font-size:25px;font-weight:bolder;color:red;display:list-item; list-style-type:circle; margin-left:110px;}

Price{color:green;display:list-item; list-style-type:circle; margin-left:110px;border-style:none;margin-left:130px;} Address{display:list-item; list-style-type:circle;

margin-left:110px;border-style:none;margin-left:130px;}

效果:

- 6 -

为实验二中所设计的个人介绍XML文件内容设置显示格式,使其美观、大方(可选择设定文字大小、颜色、分行、分块、分列显示、加边框、加图片等形式)。

XML:

- 7 -

宏宇

性别:男 年龄:20

专业:电子商务 班级:1206603

住址:安徽省合肥市 爱好:弹琴

CSS:

i{display:block;border-style:double;border-color:green;width:500px;height:180px;}

Name{font-size:30px;color:blue;font-weight:bolder;display:list-item; list-style-type:square; margin-left:100px;}

ming{font-size:25px;color:green;font-style:italic;font-weight:bolder;} xb{font-size:20px;display:list-item; list-style-type:circle;

margin-left:110px;border-style:none;margin-left:130px;color:blue;font-weight:bolder;} nl{font-size:20px;display:list-item; list-style-type:circle;

margin-left:110px;border-style:none;margin-left:130px;color:#606;font-weight:bolder;} zy{font-size:20px;display:list-item; list-style-type:circle;

margin-left:110px;border-style:none;margin-left:130px;color:#0C9;font-weight:bolder;} bj{font-size:20px;display:list-item; list-style-type:circle;

margin-left:110px;border-style:none;margin-left:130px;color:red;font-weight:bolder;} zz{font-size:20px;display:list-item; list-style-type:circle;

margin-left:110px;border-style:none;margin-left:130px;color:#369;font-weight:bolder;} ah{font-size:20px;display:list-item; list-style-type:circle; margin-left:110px;border-style:none;margin-left:130px;color:brown;font-weight:bolder;}

- 8 -

效果:

4、实验总结:

(1)收获:通过实验,使学生能够熟练使用CSS的相关文字显示规则设置XML文件的显示形式。 (2)问题:文字设置为环绕图片无法用设置图片和文字边距。

- 9 -

本文来源:https://www.bwwdw.com/article/7d7a.html

Top