1、瀏覽器的差距

　　瀏覽器預設的字型是16px，谷歌的最小字型是12px，其他是10px

2、ie6、ie7、ie8、

　　hack：就是針對不同的瀏覽器去不同的html，css樣式，從而讓各個瀏覽器能達到一致的渲染效果

　　html的hack：寫在html的標籤中

　　css的hack：寫在css的樣式中

3、符號

　　&it；<　　&ite; <=　　&gt; >　　&gte; >=

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的高度時，浮動元素也參與計算。