今日完成：

现在已经是三月八号凌晨一点了，这里把三月七号的日报写下；

现在任务八进行到最后一个页面的最后一个任务信息框了，总结来说任务八主要难点集中在第一个页面，后面的都是把之前的重复再重复，可能这就是前端的特性吧，通过大量的练习，获得大量的经验，后面再做就会越来越快，复杂的页面也不会有问题，各个模块之间也会处理的更好，不会再像之前一样写完就找不到相应的式样了，就像之前问老大类名这种容易重复的东西怎么处理比较好，他当时只说多联系，现在确实感受到了。下面把昨天的两个bug贴出来一下。

1、首先是关于：hover伪类的bug，这里实际上是三个div的一个嵌套，然后css定义了一个：hover伪类，实现了鼠标划过出现边框的事件，bug在于每次鼠标划过整个区域的时候，他的最下级子元素也出现了出现边框的情况，这个bug我们找了很久，最后发现是因为在：hover前面留了一个空格，导致：hover继承了下去，这是：hover的一个设定，不过在几个网站上面都没找到相应的说明。

<div class="container main4-div">
    <div class="row">
        <div class="col-xs-12  col-sm-12 col-md-5 main4-box">
            <div class="main4-icobox">
                <div class="main4-ico1 main4-clearhover"></div>
            </div>
        </div>
   </div>
</div>
.main4-box:hover {
    box-shadow: 0 0 1px #9E9E9E;
}

2、是个一个关于boostrap的栅格系统，对于我们来说栅格系统最好用的部分就是在不同的分辨率的情况下，他可以帮我们自动响应，给出不同的宽度，这个时候加上媒体查询的样式设定，这个时候我们就能很方便的做个响应式布局，不过这里要特别注意，在设计到宽度的时候，比较外层的父元素要尽量使用百分比宽度，不然在宽度降低后就会出现父元素被挤压，导致盒子里面的内容重叠；

明天计划：

任务八差不多要完成了，还剩的就是用a进行页面跳转，还有一些地方的a链接要做出相应的事件效果。

由于一天只能提交一次，3.8号的就放在这里了

今天完成：

今天把任务八剩下的都完成了，最后一张图比较简单，就是一个框而已，然后就是这个框我竟然花了一下午才完成，最后还没能完美还原，这个后面我要想点办法，不能没有比较详细的ui图就做不出来了吧

今天的问题就是这个框，关于框的里面的border，在做这种布局的时候，不使用表格布局的情况下，怎么写border才能使得每根线都一样粗细

还有个问题就是，为什么我使用两个0.05rem的线比一根0.1的线看起来要宽

最后就是当两根线挨在一起的时候为什么左边就是看起来比较粗的一根实线而右边却变成了类似中空的线

到现在为止也做了好些页面了，但是实际上一张ui做好的页面给我的时候我怎么样才能精准还原这个我实在没啥经验

上面这些问题大概就是今天还没解决的问题

明天计划：

前面任务简单还好，到任务八这边就开始有很多细节做不好，遇到这种型页面的时候总有不完美的地方，这个问题随着页面复杂逐渐显现了出来，这个问题我要尝试在任务十里面做些尝试，看能不能精准的还原一张设计稿，精准到px