今天完成的事情：

任务7的静态布局，(http://www.zhengyingxin.com/task7/task7-index.html)；

今天学习使用伪元素清除浮动，比如清除.main的浮动的影响:  

 .main {

  float: left;

}

 .main::after { 

  display: table;

  content: "";

  width: 0;

  clear: both;

}

回顾了media Query；媒介类型常用的有screen，print。media Query常用格式示例: 

<link rel="stylesheet" media="screen and (max-width: 600px)" href="small.css">

上述表示在屏幕宽度小于或等于600像素（手机和电脑的像素差别很大，具体自己Google或者Baidu）时，引用small.css渲染页面

@media screen and (max-width: 600px) {样式}

上述表示在屏幕宽度小于或等于600像素，引用“样式（跟编写css格式一样填写）”渲染页面。

明天计划的事情：

完成任务7的轮播图（原生js的话貌似不容易啊，先用jQuery框架试试再写原生吧）

遇到的问题：

有些同在一行并且要水平对齐的图，有时候会因为图片宽高问题造成一高一低；结果把图片切得高度一样（暂时没想到其他方法，请告知Orz），但是这样缺点非常明显，造成访问变慢……所以这个问题还不算解决。。。

收获：

看下图:

                  熟练度max:++++++++++++++++

之前的熟练度html+css:+++++

现在的熟练度html+css:++++++++++