一、什么是 CSS hack？
CSS hack由于不同廠商的瀏覽器，比如Internet Explorer,Safari,Mozilla Firefox,Chrome等，或者是同一廠商的瀏覽器的不同版本，如IE6和IE7，對CSS的解析認識不完全一樣，因此會導致生成的頁面效果不一樣，得不到我們所需要的頁面效果。 這個時候我們就需要針對不同的瀏覽器去寫不同的CSS，讓它能夠同時兼容不同的瀏覽器，能在不同的瀏覽器中也能得到我們想要的頁面效果。
簡單的說，CSS hack的目的就是使你的CSS代碼兼容不同的瀏覽器。當然，我們也可以反過來利用CSS hack為不同版本的瀏覽器定制編寫不同的CSS效果。
二、談一談瀏覽器兼容的思路
- 首先考慮要不要做
- 產品的角度（產品的受眾、受眾的瀏覽器比例、效果優先還是基本功能優先）
- 成本的角度 (有無必要做某件事)
- 做到什么程度 讓哪些瀏覽器支持哪些效果
- 如何做
根據兼容需求選擇技術框架/庫、兼容工具。
條件注釋、CSS Hack、js 能力檢測的運用。
兩個概念，逐漸增強和優雅降級
逐漸增強：針對低版本瀏覽器進行構建頁面，保證最基本的功能，然后再針對高級瀏覽器進行效果、交互等改進和追加功能達到更好的用戶體驗。
優雅降級：一開始就構建完整的功能，然后再針對低版本瀏覽器進行兼容。
區別：優雅降級是從復雜的現狀開始，并試圖減少用戶體驗的供給，而漸進增強則是從一個非常基礎的，能夠起作用的版本開始，并不斷擴充，以適應未來環境的需要。降級（功能衰減）意味著往回看；而漸進增強則意味著朝前看，同時保證其根基處于安全地帶。
三、列舉5種以上瀏覽器兼容的寫法
- *，ie6,ie7可以識別；
- _和- ， ie6可以識別；
- !important ,表示高優先級，ie7及以上，firefox都支持，ie6認識帶!important的樣式屬性，但不認識!important的優先級；
- -webkit- ，針對safari，chrome瀏覽器的內核CSS寫法
- -moz-，針對firefox瀏覽器的內核CSS寫法
- -ms-，針對ie內核的CSS寫法
- -o-，針對Opera內核的CSS寫法
四、以下工具/名詞是做什么的
- 條件注釋
用于非 IE
- IE Hack
針對IE瀏覽器編寫不同的CSS的讓IE能夠正常渲染的過程 - js 能力檢測
瀏覽器的能力檢測目標不是檢測特定的瀏覽器，而是檢測瀏覽器的能力。這樣，只需要檢測瀏覽器是否支持特定的能力，就可以給出特定的解決方案。這一部分檢測是解決瀏覽器兼容問題的主要檢測。 - html5shiv.js
在使用html5的時候，有些瀏覽器不支持h5的一些新特性和標簽，需要用這個html5shiv.js來模擬這些標簽 - respond.js
在做響應式網頁的時候一些瀏覽器器不支持媒體查詢等css3新特性，使用respond.js來兼容 - css reset
將瀏覽器的默認樣式全部去掉，更準確說就是通過重新定義標簽樣式。“覆蓋”瀏覽器的CSS默認屬性。更簡單的說法就是把瀏覽器提供的默認樣式覆蓋掉！這就是CSS reset。 - normalize.css
Normalize.css 是一個可以定制的CSS文件，它讓不同的瀏覽器在渲染網頁元素的時候形式更統一。
它可以：
保留有用的默認值，不同于許多 CSS reset 的簡單粗暴。
標準化的樣式，適用范圍廣的元素。
糾正錯誤和常見的瀏覽器的不一致性。
一些細微的改進，提高了易用性。
使用詳細的注釋來解釋代碼。 - Modernizr
Modernizr 是一個 JavaScript 庫，用于檢測用戶瀏覽器的 HTML5 與 CSS3 特性。
Modernizr 使你可以方便地為各種情況編寫 JavaScript 和 CSS，無論瀏覽器是否支持這些特性。這是處理漸進增強的完美方案。
工作原理
Modernizr 會在頁面加載后立即檢測特性；然后創建一個包含檢測結果的 JavaScript 對象，同時在 html 元素加入方便你調整 CSS 的 class 名。 - postCSS
它可以被理解為一個平臺，可以讓一些插件在上面跑，它提供了一個解析器，可以將CSS解析成抽象語法樹，通過PostCSS這個平臺，我們能夠開發一些插件，來處理CSS。熱門插件如autoprefixer，它可以幫我們處理兼容問題，只需正常寫CSS，autoprefixer可以幫我的自動生成兼容性代碼
