今天完成的事情：修改了任务八九的bug，完成了任务十的开头
明天计划的事情：完成任务十
遇到的问题：暂无
收获：对bootstrap加深了理解。

           以后做任务要看清ui图，不能图省力而少写内容文字。

           要注意hover效果，要与ui图一致。

          学了bootstrap4.1的版本，了解到它与3.7的不同。

任务八九：

一、修改了“合作企业页面

1、”左侧hover效果为橙黄色。

因为左侧是圆圈和文字要一起有hover效果，所以要设置俩个css属性。

li:hover .correct{   控制圆点的hover效果，变成橙黄色
    background-color: #ff640c;
}
.name li:hover {    
    color: #ff640c;     控制文字的hover效果，变成橙黄色
}

2、左侧列表并严格按照ui图的列表内容，进行修改，养成良好的工作习惯。

3、对右侧内容字体进行修改

4、对右侧图片，在屏幕小的时候，独自占一行，而不让文字再在起周围使布局不美观。

右侧文字一行3个字，影响阅读，不美观，影响用户体验。

解局办法：设置媒体查询，让其在某px下，宽度100%。

@media (max-width:500px){
    .logo {
        width: 100%;}}

5、不要设置多余的属性，比如多添加链接<a href="#">时，会影响hover效果，鼠标点一下，hover就消失，而不是一直显示。

二、修改“职业页面”

1按照ui图的要求，修改字体的颜色

.pf-header-1 a {color: #000;}

三、修改“首页”页面

1、修改按钮点击时，出来下拉菜单，底部多余。

@media (max-width: 767px) {
    .navbar-nav {
    margin: 0px -15px!important;}
}

2修改不对齐

，没有设置好权重问题。

3修改logo的阴影效果，和图片大小的调整，以及5个logo的背景为白色。

.m4-content:hover {
    box-shadow: black 0px 0px 10px;
}

4完全按照ui图的文字，改正链接字体内容，和hover效果。

为了保证下划线在文字和圆圈下方。考虑将他们放到一个盒子，用边框底部做下划线

<div class="col-xs-6 col-sm-3 col-md-3 col-link">
    <div class="m5-content">  这是盒子 用来做下划线
        <a href="#"><div class="m5-content-1"></div>找工作</a>
    </div>        这个做圈              这个是链接内容  
</div>

.m5-content:hover {
    border-bottom: 1px solid #29b078;
}

5修改了圆圈的中间边距。

6修改了脚部的边距，并添加hover效果。

7添加学院图片的hover效果