web实验报告

《web实验报告》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、web实验报告..淮海工学院计算机工程学院实验报告书课程名:《Web应用开发技术》题目：实验五用CSS进行文字与图像排版班级：学号：姓名：评语：成绩：指导教师：批阅时间：年月日实验五用用CSS进行文字与图像排版一一实验目的l掌握盒子模型的概念l掌握盒子模型相关的CSS属性l掌握文本控制相关的属性l掌握CSS属性继承的概念并能够合理应用l掌握背景控制相关的CSS属性l掌握列表相关的CSS属性l熟悉Chrome/Firefox开发人员工具中CSS相关功能的使用l了解常见的CSS设计技巧（CSSHacks）和设

2、计模式（如CSSSprite等）二二实验内容和要求实验内容:1.对Spring.html网页文件进行必要的修改，使得目录部分的链接可以跳转到网页中相应的部分；2.使用合适的盒子模型CSS属性使网页内容居中显示；3.使用文本相关的CSS属性和背景属性对网页的显示进行设计；4.文本与图片环绕显示，图片位于左边或右边；5.通过伪类选择器控制不同状态下超链接的显示。6.使用列表相关的CSS属性设计目录部分的显示效果实验要求：（1）需要每个同学独立完成所有的实验步骤；（可适当增加class,id等属性辅助CSS样式

3、规则）（2）下课之前将实验报告的电子文档提交至教学平台。三三实验步骤!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENl1/DTD/xhtml1-transitional.dtdhtmlxmlns=lxml:lang=enheadmetahttp-equiv=Content-Typecontent=text/html;charset=UTF-8title春天/titlestylebody{font-size:19px;font-family:仿宋;b

4、ackground:#33FFCC;}#wrap{width:960px;margin:0auto;background-color:#fff;border-radius:20px12px;}h1,h2,h3,p{line-height:120%;}ol{list-style-type:none;}h1{font-size:60px;padding:10px15px;margin-top:10px;border-left:8pxsolid#008822;margin-left:10px;}h2,h3{pa

5、dding:10px;border-left:#008822solid5px;margin-left:10px;}p{margin:10px15px;}.landscape-left,.landscape-right{text-align:center;border:#D9D9D9solid3px;margin:0px15px;}.landscape-left{float:left;}.landscape-right{float:right;}h2,h3{clear:both;}lia{font-size

6、:120%;}a:link{text-decoration:none;color:#052;}a:visited{color:#f0f;}a:hover{color:#f00;text-decoration:underline;}/style/headbodydivid=wraph1春天/h1p春天，又称为春季，是一年的第一个季节，半球为公历3、4、5月，而南半球却是在9月月开始，11月结束，如澳大利亚。气候学上以连续5天日平均气温稳定通过10℃为春季的开始。春天气候温暖适中，中国内陆大部分地区少雨，万物

7、生机萌发，气候多变，乍暖还寒。/ph2目录/h2olliahref=#1雅述/a/liliahref=#jq2节气/a/liliolliahref=#lc2.1立春/a/liliahref=#ys2.2雨水/a/liliahref=#jz2.3惊蛰/a/liliahref=#cf2.4春分/a/liliahref=#qm2.5清明/a/liliahref=#gy2.6谷雨/a/li/ol/li/olh2春天-雅述/h2divclass=landscape-rightpimgsrc=landscape-1.

8、jpgalt=春天，万物复苏/pp春天，万物复苏/p/divp春三月，此谓发陈，天地俱生，万物以荣，夜卧早起，广（多）步（走）于庭，被发缓形（意喻不受束缚），以使志生。生而勿杀，予而勿夺，赏而勿罚，此春气之应，养生之道也。逆之则伤肝，夏为寒变，奉长者少。/pp；春阳：因春天阳光温和明媚，令人神往陶醉，故而得名；ahref=l四四实验结果五五实验分析体会通过实验，理解掌握了什么？解决了什么问题？有何体会？