然后我们在网页中新建一个div，并新建一个
无序列表并创建4个然后使用浏览器直接打开html文件，查看效果，可以看到我们创建的标签自带有一定的格式，
接下来我们使用下面的代码去除标签的格式，其中：list-style:none表示去除标签的格式width:160px表示设置标签的宽height:240px表示设置标签的高background:#666666表示设置标签的背景色float:left表示设置标签浮动显示，并且为左浮动margin-right:20px表示设置标签右外边距
刷新浏览器中html文件查看效果，
这里我们开始添加动画：
给
标签添加：
transition:transform 0.1s
transform表示变换的属性，0.1上表示表换所需要的时间另外给标签添加鼠标滑动属性
li:hover{cursor:pointertransform:translate(0,-10px)}
cursor:pointer表示鼠标滑过显示为小手形状
transform:translate(0,-10px)translate表示移动，第一个参数为水平移动值，第二个参数为垂直移动值，
进入浏览器直接查看效果，如下图实现了鼠标滑过块，块上移的动画特效，如下图：
1、新建一个html文件，命名为test.html。
2、在test.html文件内，创建一个div模块，下面将使用css设置该div的样式，实现鼠标移到div上显示手型。
3、在test.html文件内，设置div的class属性为mydiv，主要用于css对该div进行样式定义。
4、在css标签中，使用“*”来初始化页面所有元素的内边距为0，外边距为0。
5、在css标签中，对类名为mydiv的div进行样式定义，设置其宽度为200px，高度为200px，背景颜色为黄色。
6、最后，使用css设置div的cursor属性值为pointer，即鼠标移到div上显示手型。
你这个问题问的好大。
1、响应式布局：
media选择器。根据宽度通过样式控制页面布局
直接使用样式百分比来控制。
通过js监控页面宽度，然后通过js手动去控制页面布局，显示元素或者隐藏元素，设置某些元素宽高之类的。
2、鼠标滚动：常用 mousewheel 事件，滚动事件
3、动画效果 ：可以选择css3的动画，或者js自己写动画
综上所述：你需要通过 2的事件来控制1，不过1的样式中要加入动画样式（3）。大功告成
chm里都是方式方法。也有现成效果
