1,今天完成的事情：css闯关的小毛病丢修改完成，就是任务5下面图片做了个自适应，以前是padding撑开的。又把图片和文字束缚在一个盒子里，移动盒子就行了。

（2）看了看css3一些属性，感觉可以做一个轮翻图，就是不能自动播放的，只能点击切换。

2，明天计划的事情：继续看js内容。

3，遇到的问题：js很多问题都是想知道为什么用这个样式那个样式的，哪个需要记住，哪个又是不太重要的。虽然这样的问题有点类似当初看css一样为什么用class的之类的为什么叫张三之类的问题。看的没有头绪，感觉和任务1不沾边，光看别人代码又看不懂。看来的好好看基础语句了。

4，收获：

css3：写一个点击切换背景颜色的效果：http://www.w3school.com.cn/cssref/selector_target.asp

首先你的做3个div，id命名。颜色设置3种不同的。在建立3个不同颜色a链接的数字，为1，2，3.。

之后你得为1.2.3这几个a标签的href=""里面添加id名字，也就是说做一个锚链接，分别链接到上面三个盒子。

之后把这3个图片都定位在一起，也就是说重叠起来成为一张。

最后：

id：targert{

z-index：数字，3（只要比1大救行了，是让这三个图片在最上面），接着把id为第一个盒子的属性在设置一个z-index：1的，放在最下面，为了切换到原来的界面/

}

这样就可以了。一下是结构：

以下是主要的样式：

（2）

CSS3 :nth-child() 选择器

p:nth-child(3){样式}；

这个是说基于父元素下的地3个p元素{样式}；

还一个是：nth-child(Odd)和nth-child（even）,奇数和偶数的样式;

详细的地址：http://www.w3school.com.cn/cssref/selector_nth-child.asp

（3），@@keyframes，动画

@keyframes 名字

{

0%{样式}

50%{样式}

100%{样式}

}

div{

animation:名字 2s;

}

以上的名字必须一样，秒数就看自己心情而定。当然可以该变位置的，利用top.right bottom left.等就可以了。

贴一个今天做的一个css3的例子。http://119.10.57.69/ptt004/ppt299/baidutask11/task11.html