1.盒子模型
瞭解box的兩種模式
CSS3 box-sizing
定義 box-sizing: content-box; 時，瀏覽器對盒模型的解釋遵從我們之前認識到的 W3C 標準；
定義 box-sizing: border-box; 時，瀏覽器對盒模型的解釋與 IE6 相同；
好處：IE 對於盒模型的解釋固然不符合 W3C 的規範，但是也有它的好處：無論如何改動 border 與 padding 的值，都不會導致 box 總尺寸發生變化，也就不會打亂頁面整體佈局。
2.爲什麼利用多個域名來存儲網站資源會更有效
CDN緩存更方便
突破瀏覽器併發限制（同一域名併發下載資源文件的數量是有限的）
節約cookie帶寬
節約主域名的連接數，優化頁面響應速度
防止不必要的安全問題
3.src與href的區別
src用於替換當前元素，href用於在當前文檔和引用資源之間確立聯繫。
4.圖片預加載
原理：在頁面onload之後，加載圖片
只要這些圖片的路徑保持不變，當它們在Web頁面的其他地方被調用時，瀏覽器就會在渲染過程中使用預加載（緩存）的圖片
具體實現：
5.圖片的懶加載
步驟：
1.網頁中的圖片，都設爲同一張圖片。
2.給圖片增加 data-original="img/example.jpg" 的屬性，保存這張圖片的真實地址。
3.當滾動條到達用戶可視區域後，插件自動改變該區域的圖片的src屬性爲緩存的地址。
4.瀏覽器加載可視區域圖。
6.css權重
7.超鏈接訪問過後hover樣式就不出現的問題是什麼？如何解決？
被點擊訪問過的超鏈接樣式不在具有hover和active了,解決方法是改變CSS屬性的排列順序: L-V-H-A（link,visited,hover,active）
link:連接平常的狀態
visited:連接被訪問過之後
hover:鼠標放到連接上的時候
active:連接被按下的時候
8.外邊距重疊問題（貌似只有垂直方向上有這個問題）
問題描述：在CSS當中，相鄰的兩個盒子（可能是兄弟關係也可能是祖先關係）的外邊距可以結合成一個單獨的外邊距。這種合併外邊距的方式被稱爲摺疊，並且因而所結合成的外邊距稱爲摺疊外邊距。
9.BFC
參考：點擊打開鏈接
BFC的運用：float、絕對定位、margin collaspe
BFC的觸發條件：
根元素
float屬性不爲none
position爲absolute或fixed
display爲inline-block, table-cell, table-caption, flex, inline-flex
overflow不爲visible
10.去除inline-block元素間間距
參考：http://www.zhangxinxu.com/wordpress/?p=2357
11.垂直居中佈局
hack：
chrome中：
當樣式表裏font-size<12px時，中文版chrome瀏覽器裏字體顯示仍爲12px，這時可以用 {-webkit-text-size-adjust:none;}