<p style='color:red'> 红色红色红色测测测试测测是从红色红色红色测测测试测测是从红色红色红色测测测试测测是从</p>

alert('慕课网');

alert('慕课网');

alert('hello world');

hello world

alert('hello world');

alert('hello world');

hello

<p> hello world </p>

1. 列表项无法设置高度

2. dom.find用法

整体—>细节

imooc.com

第一幅画面中：天上太阳的移动、云的来回飘移、小男孩沿着中间道路一直在走，页面也在滚动。

第二幅动画中：小男孩移动进了商店前的位置，商店的门开始打开，商店的灯光开始变暗。小男孩抱着一束花出来，商店关门。

第三幅页面中：星星变暗变亮的效果，桥下的水波在流动，小男孩上桥的动作。小男孩走到女孩子的面前，这是等待一下，他们一起转身后牵手，同时慕课网的logo会出现，天上的樱花正在飘下来。

如何实现动画？

用不同的手动实现动画有何优劣？

应该注意哪些问题？

    动画与动画之间产生的异步

    怎样梳理代码的流程

list-style:指定所有列表的属性

-type是指每一行，项标记的类型，表头前面的符号

-position是项标记放置的位置，在表的内外

-image用图像替换项标记

男孩走动+页面背景图片滚动 => 男孩走动

页面整体布局: 横向的+3个主题页面+页面之前是无缝拼接的+页面要滚动

布局上很好处理，我们做3个块级元素，每一个块元素代表一个主题页面的容器节点。然后设置一个父容器是3个块元素的宽，通过float处理，这样就形成了一个横向的3个无缝拼接的页面

这样虽然是形成了横向布局与无缝拼接，不过可视区范围永远只能显示出一个主题页面的尺寸，所以我们需要再给祖先节点上套一个限制显示区域的节点

transform