今天完成的任务：

1.完成了任务七的页面布局，上传到了github并部署到了服务器上

2.解决了昨天遇到的问题，用浮动重新写了一遍

3.把关于浮动清除和页面布局的博客浏览了一下，学习了如何用纯css代码实现图片轮播

分为两步

1.将四张图片左浮动横向并排放入一个div容器内，图片设置统一尺寸，，div宽度设置4个图片的总尺寸，然后放入相框容器div，

相框设置1个图片的大小并设置溢出隐藏，以保证正确显示一个照片

2.设置动画

使用css3动画，通过对对photos进行位移，从而达到显示不同的图片，每次偏移一个图片的宽度，即可显示下一张图片

关于bootstrap的列表组：

‍‍list-group：列表组容器，常用的是ul元素，当然也可以是ol或者div元素

list-group-item：列表项，常用的是li元素，当然也可以是div元素

bootstrap源代码.list-group {  padding-left: 0;  margin-bottom: 20px;}.list-group-item {  position: relative;  display: block;  padding: 10px 15px;  margin-bottom: -1px;  background-color: #fff;  border: 1px solid #ddd;}.list-group-item:first-child {  border-top-left-radius: 4px;  border-top-right-radius: 4px;}.list-group-item:last-child {  margin-bottom: 0;  border-bottom-right-radius: 4px;  border-bottom-left-radius: 4px;}

主要是增加了圆角边距等边框，并没有做过多的修饰

明天计划完成的任务：
明天请假，计划准备复习一下数据结构和操作系统的还有一些java知识

今日遇到的问题：代码规范问题，在布局的时候采用何种布局的最优选择

收获：意外的接到了复试的通知电话，虽然没抱啥希望，但还是去试试吧