今天完成的事情：

任务八 推荐页面完成，

任务八 合作企业页面完成

任务九完成首页一部分

明天计划的事情

修复任务八bug

完成任务九

遇到的问题

#友情链接错位

解决方法：设置width:auto height auto

#友情链接宽度不够

解决办法：设置 magin：auto

边框重合过粗

解决办法： border-top: none;

链接前加小圆圈，hover时圆圈与字变橘黄色，

解决办法

<div class="links">
 <a  href="">
 <span class="links">
 <div class="linkCircle"></div> 
 阿里巴巴
 </span>
 </a>
 </div>

.links {
color: #29b078;
}
.links a:hover {
text-decoration: none;
}
.links:hover  {
color: orange;
}
.links:hover .linkCircle {
background-color: orange;
}

#发现一模一样的导航栏，有一个页面宽度不一样，

解决方法：该页面主体没有内容，右侧无滚动条，添加内容后正常

#伪元素不显示

解决办法： 添加 content: ""; display=block

#盒子超出宽度

解决办法： 盒子名放错位置，放在 col下面解决

  <div class="col-6 ">
   <div class="doorBox">

#部分边框过粗

解决办法：盒子边框重叠，去除其中一个 

#黑灰色遮罩

收获

掌握了bootstrap各种组件的运用

对网页布局更加熟练

深度思考

#主流浏览器内核有哪些？

经常听说各种不同的浏览器，IE、Opera、Firefox、Safari、The World还有现在的Chrome等。看似许多不同的浏览器，其实其中还是有很多相似之处。今天，我们就来了解他们的内核~！

那内核是什么呢？内核只是一个通俗的说法，其英文名称为“Layout engine”，翻译过来就是“排版引擎”，也被称为“页面渲染引擎”（下文中各种说法通用）。它负责取得网页的内容（HTML、XML、图像等等）、整理信息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要排版引擎。 不同的浏览器内核对网页编写语法的解释也有不同，因此同一网页在不同的内核的浏览器里的渲染（显示）效果也可能不同，这也是网页编写者需要在不同内核的浏览器中测试网页显示效果的原因。 这就是编写网页的麻烦所在啊。。。要让所有浏览器显示大概一致，有时候很麻烦。

现在市面上常见的 内核基本是一下4种：

Trident：

这是微软开发的一种排版引擎。该内核程序在1997年的IE4中首次被采用，是微软在Mosaic代码的基础之上修改而来的，并沿用到目前的 IE7。Trident实际上是一款开放的内核，其接口内核设计的相当成熟，因此才有许多采用IE内核而非IE的浏览器涌现（如 Maxthon、The World 、TT、GreenBrowser、AvantBrowser等）。此外，为了方便也有很多人直接简称其为IE内核（当然也不排除有部分人是因为不知道内 核名称而只好如此说，至少老N就是如此。。。）。自从发布后，Trident不断地被更新和完善：

Trident II（IE5）——增进对CSS1.0的支持及对CSS2重大的变更；

Trident III（IE5.5）——修正部分CSS的排版控制；

Trident IV（IE6）——修正了一部分box-model的错误以及增加了“兼容模式（Quirks Mode）”切换功能，以增加对文件类型描述（Document Type Definition，DTD）的支持；

Trident V（IE7）——修正许多CSS排版处理上的错误以及增加对PNG格式alpha通道（半透明）的支持。（这就是IE6经常被诟病的对png图片支持不良的之处！）

Geckos：

Gecko是套开放源代码的、以C++编写的网页排版引擎。这软件原本是由网景通讯公司开发的，Netcape6开始采用该内核。后来的 Mozilla FireFox也采用了该内核，Geckos的特点是代码完全公开，因此，其可开发程度很高，全世界的程序员都可以为其编写代码，增加功能。Geckos 现在由Mozilla基金会维护。

Presto：

Presto是一个由Opera Software开发的浏览器排版引擎，该内核在2003年的Opera7中首次被使用，该款引擎的特点就是渲染速度的优化达到了极致，也是目前公认网页浏览速度最快的浏览器内核。

Webkit：

苹果公司自己的内核，也是苹果的Safari浏览器使用的内核。 Webkit引擎包含WebCore排版引擎及JavaScriptCore解析引擎，均是从KDE的KHTML及KJS引擎衍生而来，它们都是自由软 件，在GPL条约下授权，同时支持BSD系统的开发。所以Webkit也是自由软件，同时开发源代码。在安全方面不受IE、Firefox的制约，所以 Safari浏览器在国内还是很安全的。

简单的总结一下：

使用Trident内核的浏览器：IE、Maxthon、TT、The World等；

使用Gecko内核的浏览器：Netcape6及以上版本、FireFox、MozillaSuite/SeaMonkey；

使用Presto内核的浏览器：Opera7及以上版本；

使用Webkit内核的浏览器：Safari、Chrome。