任务总结一：

先说说自己做项目的感觉，再写深度思考内容：

刚开始很多命令不理解，慢慢用着，也就会了。最重要的几点：

1.position是不占用文档流的。

2.float也是不占用文档流的。

3.display：inline-block。意思是同行的块元素。如果是inline的话，没办法显示出来，即便给了宽高也没用。

4.id只能用一次，class可以重复使用。

下面是深度思考内容：

今天完成的事情：

1.完成了任务六

2.做了任务一的总结

明天计划的事情：

1.任务七做一半

2.完成任务二的总结

footer问题，，中间的按钮，设置百分之50，偏右。

设置46%，缩放之后，左右的偏度不同。

收获：

1.就用了bootStrap的格栅，做了头部下方的表格的展示。

把昨天的下拉取消了，因为没有

2。昨天body部分，都是先做的body里面的div部分，然后再写的css，确实应该是这样做页面才对，一点一点改成自己所要的样子。

红色字体，用了两个类

<main class="contentList">这个类是总的，下面的边框设置出来，内边距是让字体不靠近边框
.contentList {
    border-bottom: 1px solid #9C9C9C;
    padding: 10px 0;
    line-height: 35px;
}
<div class="site">
.site {
    margin-left: 20px;是让下面的三行字体，包括图片，往左边移动。
}
        <span>
          <img src="img6/date.jpg">
        </span>
<span class="siteW">
.siteW {
    margin-left: 10px;
    font-size: 15px;
    color: #9C9C9C;
}这个主管服务日期一类的字。。颜色灰色
            服务日期
        </span>
    </div>
    <div class="site">
        <span class="date">2015-7-5至2015-7-12</span>这个新做一个类，是因为字体大小和颜色不同
        <span class="twentyFive">25元/小时</span>红色字体
<span class="arrows"></span>箭头
.arrows {
    display: inline-block;
    margin: 5px;
    color: #68cdd5;
    border-right: 4px solid;
    border-bottom: 4px solid;
    width: 20px;
    height: 20px;
    transform: rotate(-45deg);
    position: absolute;
    right: 30px;
}
    </div>
    <div class="site">
        <span>
          <img src="img6/smallSite.jpg">
        </span>
        <span class="siteW">
            北京.通州.果园
        </span>

    </div>
</main>

3。