知识点56：margin负值可以压住相邻盒子的边框
border-collapse：collapse；细线表格，可以合并相邻边框线，但只限于表格，在此处并不适用；
margin-方位名词：-1px；浮动会使每个盒子一个紧贴一个，所以，盒子之间不会有间隙；
但当鼠标放上去，要使当前盒子边框高亮显示，会出现一个边被压住问题，这时我们用z-index是不行的，因为z-index是只针对定位（并且所有盒子都有定位时）的；
所以我们就从标准流，浮动，定位的层级来考虑，（定位》浮动》标准流），故当鼠标经过的时候，当前盒子是定位的层级最高，所以加个定位，只能是相对定位；（绝对定位不占位置）
知识点57：继续突出显示某个盒子
当盒子不止显示边框高亮一个特性，还有其他特性也需要出现的时，那么就需要用到z-index了；
知识点58：CSS三角形 之美三步骤
①高度、宽度都为0；
②四个边框都要给，但只给所需边框的颜色和值，其他边不能省略，值可以给个transparent透明值就可以了；
③为了兼容低版本浏览器，给个font-size：0；line-height：0；
知识点：59：网站ico图标
使用favicon图标
①首先将favicon放到项目文件的根目录下
②再在html里面，head之间引入代码：<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
查看网站favicon图标，在网址后面使用/favicon.ico
知识点60：favcio.ico图标制作
①将想要的图切出来
②将图片转换为ico图标，借助第三方转换网站；http://www.bitbug.net
知识点61：网站优化三大标签
title网站标题、description网站说明、keyword关键词
首页标题---网站名（产品名）---网站的介绍
title 标题
meta description 网站说明
meta keyword 关键字
知识点62:字体图标使用
①网站iconoon上下载想要的字体，
②从网站上下载下来，---将里面的font文件夹剪切到项目根目录下
③在样式中需要声明@font-face { font-family='icomoon';…… }，注意路径，字体的名称要前后一致；
④html页面使用字体
淘宝字体的命名还是蛮好的，在内容中用数值代替图标；
例：body中的命名
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
/*1.定义字体*/
@font-face {
font-family: 'icomoon';
src: url('../fonts/icomoon.eot?7kkyc2');
src: url('../fonts/icomoon.eot?7kkyc2#iefix') format('embedded-opentype'),
url('../fonts/icomoon.ttf?7kkyc2') format('truetype'),
url('../fonts/icomoon.woff?7kkyc2') format('woff'),
url('../fonts/icomoon.svg?7kkyc2#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
/*3.调用字体*/
span {
font-family:"iconfont";
}
div {
font-family: 'iconfont';
color: red;
font-size: 60px;
}
</style>
</head>
<body>
<!--2. 引入结构 -->
<span>󰍃</span>
<div></div>
</body>
</html>