1.完成提交任务14,15

明天计划的事情：

1.学习js任务一资料

遇到的问题：

1.轮播图写完在f12中查看没问题，退出之后发现轮播图比其他的块宽度多出一点

 仔细检查后发现是因为我给轮播图的宽度设置的是100vw, 在页面上视口宽度是包括右边那个下滑的，所以这个图片会比其他的多出那么一点，后面我给body设置了overfl-x：hidden后解决，也可以给图片设置宽度减去下滑的那个宽度

收获：

任务名称：css-task-14-15 任务总结

成果链接：https://chenchenchen96.github.io/task/task14/task14-1/task14-1.html

任务耗时：2019.5.21 - 5.24(4天)

官网脑图：

官网脑图：

任务总结：

这次任务主要是模块化，组件化，自己编写栅格系统，导航栏，轮播图

1模块化：是一个系列相关联的结构组成了整体，比如一个歌单，里面的基本信息区域，歌曲列表区域，这些一个一个的区域，就是一个一个独立的模块

2组件化：简单的说，就是将多个模块内，通用的内容使其抽象出来，单独组件化定义，这样在模块定义的时候就可以在多个模块内复用，而不用每一次定一个模块就定义一次通用内容。

3栅格系统：给container设置不同视口(sm,md等)设置不同的宽度，并水平居中。 给row设置相对定位，flex布局。  给col设置不同视口的下宽度，宽度12等分，设置左右padding。

4导航栏： 使用媒体查询编写，用input + checked实现点击效果

5轮播图：给需要轮播的图片设置宽度为视口宽度，向左浮动，并给他外面套个盒子，设置动画效果，设置滚动时间和停留时间，最后在他们两外面再套一个盒子，设置宽度为视口宽度，overflow：hidden； 实现轮播效果