今天完成的事情：

完成了第一个页面缩小以后导航栏的下拉框

.post:hover{
  border-bottom:2px solid #fff;
}
.flexible {
  border: 1px solid #fff;
  padding: 2px 0; }

.img-jinshu {
  padding: 5px 0; }

ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #29b078;
  transition: height 0.5s;
  -moz-transition: height 0.5s;
  -webkit-transition: height 0.5s;
  -o-transition: height 0.5s;
  float: right;
}

以及第一个页面轮播图

.box5 {
  position: absolute;
  top: 50%;
  right: 8%;
  width: 10px;
  height: 10px;
  border-top: 5px solid #e7e7e7;
  border-right: 5px solid #e7e7e7;
  transform: rotate(45deg);
  cursor: pointer;
  display: none;
}
.box6 {
  position: absolute;
  top: 50%;
  left: 8%;
  width: 10px;
  height: 10px;
  border-top: 5px solid #e7e7e7;
  border-right: 5px solid #e7e7e7;
  transform: rotate(-133deg);
  cursor: pointer;
  display: none;
}

明天计划的事情：明天预计完成第一个页面的大部分，以及轮播的细节修改

遇到的问题：开始不知道轮播图怎么样实现，再请教师兄以后和查了资料以后解决了

收获：学习了CSS3 :checked 选择器。在表单元素中，单选按钮和复选按钮都具有选中和未选中状态。（大家都知道，要覆写这两个按钮默认样式比较困难）。在CSS3中，我们可以通过状态选择器“:checked”配合其他标签实现自定义样式。而“:checked”表示的是选中状态。:checked 选择器选取所有选中的复选框或单选按钮。:checked伪类选择器，代表了radio、checkbox被选中，option切换到on状态可以通过点击元素或者选择其他值改变:checked状态，此时:checked伪类不在应用到该元素上，但是仍旧和元素关联。