今天完成的事

1.将

background-size

由100%改为50%大小 修改了再电脑端选中时hover样式会凸显图片轮廓的问题 并且同时将图片缩小 美观很多

2.在移动端模式下 hover样式的下阴影处还是会显示图片轮廓

将图片上下多余空白处裁剪掉 使其成为长方形 

3.给方块添加光标手指效果

.hv {
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    cursor: pointer;
}

4.给友情链接部分添加hover样式

.footer0-p {
    cursor: pointer;
}

.footer0-p:hover{
    color: #1b6d85;
}

5.调整footer部分文字样式在上下一条直线上

添加

padding-left: 40px;

6.给footer部分的链接添加样式

.footer-p {
    cursor: pointer;
}
.footer-p:hover {
    color: #1b6d85;
}

7.给备案号部分添加hover样式

cursor: pointer;

.footer1:hover {
    color: #1b6d85;
}

8.在第二页对比对齐后 修改页眉部分电话号码的样式

<div class="col-lg-3 col-md-3 col-sm-4 col-xs-6 text-success"
            style="padding: 0px">
    客服热线：010-594-78634
</div>

9.给其他部分添加样式

style="padding-left: 15px"

10.给header部分的首要字样添加hover样式 

.ab:hover {
    border-bottom: 5px solid white;
}

<ul class="nav navbar-nav ">
    <li><a href="#" class="aa ab">首页</a></li>
    <li><a href="#" class="aa ab">职业</a></li>
    <li><a href="#" class="aa ab">推荐</a></li>
    <li><a href="#" class="ab">关于</a></li>
</ul>

11.使用PS切图 获得页面二的图片

12.将背景图与文字合成一张图

13.完成页面二的图片部分

.div2-1 {
    background-image: url("recc.png");
    width: 100%;
    height: auto;
    margin-top: -20px;
}

<div>
    <img src="recc.png" class="div2-1">
</div>

14.添加一个面包屑导航栏

.ul2-a {
    color: #0f0f0f !important;
}

明天计划的事

1.学习并完成侧边导航栏

2.尝试完成页面2

遇到的问题

今天的收获