前端开发技术实验报告：内含4四实验&实验报告

一、实验目的 本次实验只要学习如何使用CSS3对网页进行布局以及在网页中添加动画。float 与 display 是较为常见的用于网页布局的属性，而动画也是网页中不可缺少的元素，根据具体的需求，灵活运用 HTML5中的各种布局技术，学习如何在网页中添加动画。 1.深入学习CSS3布局 2.掌握CSS3中transform的应用 3.熟悉CSS3中transition的应用 4.灵活运用CSS3在网页中自定义动画 实验： 实验内容案例1：使用表格布局课程列表 实验内容案例2：布局积分兑奖页面 实验内容案例3：鼠标经过时的图片动画 实验内容案例4：给导航菜单增加动画特效 二、实验要求 按照本实验报告内容进行实验，并填写本实验报告的第四、五、六部分内容。 三、实验内容 实验内容案例1：使用表格布局课程列表 实验内容案例2：布局积分兑奖页面 实验内容案例3：鼠标经过时的图片动画 实验内容案例4：给导航菜单增加动画特效