1、浏览器的差距
浏览器默认的字体是16px，谷歌的最小字体是12px，其他是10px
2、ie6、ie7、ie8、
hack：就是针对不同的浏览器去不同的html，css样式，从而让各个浏览器能达到一致的渲染效果
html的hack：写在html的标签中
css的hack：写在css的样式中
3、符号
&it；< &ite; <= > > >e; >=
4、html hack的写法
（1）、<!--[if ite ie8]>
<![end if ]-->
小于等于ie8以下才会出现
（2）、<!--[if ie8]>
<![end if ]-->
只在ie8下出现
5、css hack
（1）、值hack，特殊符号
ie6专用符号是 -和 短横和下划线
ie6和ie7同时专用的hack，属性前加！或+ 等
ie8专用的hack属性值后分号前加\0/
ie6 7 8 9 10 同时专用的，是属性值后分号前加\9
（2）、选择器hack ，特殊符号写在选择器上
ie6和ie7专用 *div{}
ie6和ie7同时专用的 div，{}
除了ie6 html>body div{}
*注：渲染：渲染就是浏览器的一种能力，将图片，文字，样式等展现出来
向下兼容：新属性值在高版浏览器向低版本处理这种方法
5、BFC
BFC全称：Block Formatting Context，翻译过来就是“块级格式化上下文”，它是w3c css.2./规范中的一个概念，决定元素如何对其内容定位。
（1）、如何让一个元素具有bfc规范呢？
a、根元素；
b、float属性不为none；
c、position为absolute 或fixd；
d、display为inline-block，table-cell，table-capition，fixd，inline-flex
e、overflow不为visible；
（2）、BFC的作用
a、给父级元素清除浮动，避免高度塌陷；
b、垂直margin合并
c、在两栏布局中，可以用BFC避免浮动兄弟元素的遮盖
(3)、BFC的布局
a、内部的box会在垂直方向，一个接一个地放置；
b、box垂直方向的距离由margin决定的，属于同一个BFC的两个box的margin会发生重叠；
c、每一个元素的margin box的左边与包含块border box的左边相接触（对于从左往右的格式化，否则相反），即使存在浮动也是如此；
d、BFC的区域不会与float box重叠；
e、BFC就是页面上的每一个独立容器，容器里面的子元素不会影响到外面的元素，反之也是如此；
f、计算BFC的高度时，浮动元素也参与计算。
原文地址：https://www.cnblogs.com/yanghuiting/p/9792029.html