今天完成的事：

完成了轮播图的制作。

由于css无法做到js一样的精准操控，所有某些效果是无法实现的，比如轮播图和指示符一起变。

但基本的轮播效果是可以实现的。

首先创建一个容器作为轮播图的容器，同时由于要实现滑动切换，所以内部需要有一个装载所有待切换内容的子容器

由于子容器中的内容是左右切换的，需要将内容左右排列开

轮播图内每一页内容的宽高应该相同，且等于主容器slide宽高

slideshow的宽高必然有一个大于外部主容器，overflow属性应该设置为hidden。

在浏览器中打开页面，就可以看到不带轮播效果的静态页面了，除了第一张图片，其他图片都不可见

轮播效果说到底就是一个动画效果，而通过css3的新属性 animation 就可以自定义一个动画来达到轮播图效果。

animation: name duration timing-function delay iteration-count direction

name: 动画名
duration： 动画持续时间 设置为0则不执行
timing-function：动画速度曲线
delay：动画延迟开始时间 设置为0则不延迟
iteration-count：动画循环次数 设置为infinite则无限次循环
direction：是否应该轮流反向播放动画 normal 否 alternate 是

要实现轮播，本质上是使内部承载内容的子容器 slideshow 进行位移，从而使不同位置的内容一次展示在用户眼前

明天计划的事：

完成一到两个页面

遇到的问题：

暂无

收获 ：

对轮播图的实现原理有了深入了解