今天完成的事情：今天完成了任务十四的一部分，然后完成了任务十三的深度思考，还有任务总结，

明天计划的事情：明天继续刷任务十四

遇到的问题：一直卡在轮播图还有导航栏，轮播图的话在坑乎上面看到了解决方法，导航栏，想到了写一个按钮然后隐藏样式，重新写一个样式盖上去，然后写一个媒体查询，小于1000px的时候央视出现，点击出现导航栏。

收获：

1.学习@keyframes 规则：

今天在研究用CSS实现轮播图时发现一个起决定性因素的标签@keyframes ，通过它css可以实现

简单的轮播功能；结合之前学到的input：checkbox属性可以实现点击特效；

使用@keyframes规则，可以创建动画。创建动画是通过逐步改变从一个CSS样式设定到另一个。

在动画过程中，更改CSS样式的设定多次。

animation 属性：将动画与 div 元素绑定，用来设置动画时间；

eg:

@keyframes mymove
{0%   {top:0px;}        // % 用于控制动画持续时间的百分比；
25%  {top:200px;}       

50%  {top:100px;}       // % 用于控制该物体在该百分比时间发生的位移；
75%  {top:200px;}
100% {top:0px;}

}

深度思考;

viewport是网页可绘制的区域。虽然viewport可视面积和屏幕尺寸相匹配，但viewport有其自己的尺寸，确定网页的像素数量。也就是说，网页的像素数量超过定义的viewport尺寸，而不是设备屏幕尺寸的屏幕面积。例如，虽然设备屏幕上可能是480像素宽，viewport是800像素宽，这时网页设计定宽800像素的页面可以正好完全显示在屏幕上。

任务总结;

成果链接：http://localhost:63342/task/html/task13.html

任务耗时：4天，超出预期一天

任务脑图:

收获：

使用CSS框架的好处：

1、开发效率的提高。

2、规范代码命名。

3、更好的团队合作

4、 解决浏览器的兼容性问题

5、一套完整的、结构清晰的结构代码。

使用CSS框架的弊端：

1、你需要完全的理解整套框

2、你会延续一些框架中的错误bu

3、限制开发思

4、臃肿的源代

5、框架的语义化

禅道：

css-task14

任务开始：7.29

预计结束：8.1

禅道主页：http://task.jnshu.com/zentao/project-task-802.html