web实验报告课件.docVIP

.. 淮海工学院计算机工程学院 实 验 报 告 书 课 程 名 : 《Web应用开发技术》 题 目：实验五 用 CSS 进行文字与图像排版 班 级： 学 号： 姓 名： 评语： 成绩： 指导教师： 批阅时间： 年 月 日 实验五 用 CSS 进行文字与图像排版 一 实验目的 掌握盒子模型的概念 掌握盒子模型相关的 CSS 属性 掌握文本控制相关的属性 掌握 CSS 属性继承的概念并能够合理应用 掌握背景控制相关的 CSS 属性 掌握列表相关的 CSS 属性 熟悉 Chrome/Firefox 开发人员工具中 CSS 相关功能的使用 了解常见的 CSS 设计技巧（ CSS Hacks）和设计模式（如 CSS Sprite 等） 二 实验内容和要求 实验内容 : 1. 对 Spring.html 网页文件进行必要的修改，使得目录部分的链接可以跳转到网页中相应的部分； 2. 使用合适的盒子模型 CSS 属性使网页内容居中显示； 3. 使用文本相关的 CSS 属性和背景属性对网页的显示进行设计； 4. 文本与图片环绕显示，图片位于左边或右边； 5. 通过伪类选择器控制不同状态下超链接的显示。 6. 使用列表相关的 CSS 属性设计目录部分的显示效果 实验要求： （1） 需要每个同学 独立 完成所有的实验步骤；（可适当增加 class,id 等属性辅助 CSS 样式规则） （2） 下课之前将