今天完成的事情：

task6的第一个版本做完了，虽然我希望能一次过，哈哈。

明天计划的事情：

做task7

遇到的问题：

1.首先是昨天碰到那个问题，css sprite的里面的大小和我想要的不一样，昨天尝试使用了

background-size:50% 50%;以及把background-position改成一半，不成功。

今天仔细看了看background-size的解释，里面提到使用百分比是相对父元素的，而不是相对原本图片大小的，知道这一点了就好办了，改成特定的原本的尺寸* 0.5 的单位是px的尺寸，果然就可以了。

2.一个没有解决的问题，给的设计稿里默认被点击的首页按钮就是蓝色的了，这种要怎么搞成没被点击的那种效果呢？

3.本来价格“45元/小时”这一块我是写了个span放在ul外面的，结果发现这样完全不能对齐，用float布局太不稳定了，于是干脆写了个ul嵌套

<ul>
        <li class="icon service-date-icon">服务日期</li>
        <li>
                <ul>
                        <li class="service-date">2015-7-5 至 2015-7-12</li>
                        <li class="intro"></li>
                        <li class="price">25元/小时</li>
                </ul>
        </li>
        <li class="icon location-icon">北京.通州.果园</li>
</ul>

4.上传的时候发现文件夹变得多了起来，搜了一圈没看见rz上传文件夹的方法，就先压缩成了zip文件，rz上去再unzip解压缩，成了。

收获：

对background-position以及怎么使用css雪碧图更熟练了。

成品图