Normalize.css是一種CSS reset的替代方案。它在默認(rèn)的HTML元素樣式上提供了跨瀏覽器的高度一致性。相比于傳統(tǒng)的CSS reset，Normalize.css是一種現(xiàn)代的、為HTML5準(zhǔn)備的優(yōu)質(zhì)替代方案（https://necolas.github.io/normalize.css/7.0.0/normalize.css）
創(chuàng)造normalize.css有下面這幾個目的：
保護(hù)有用的瀏覽器默認(rèn)樣式而不是完全去掉它們
一般化的樣式：為大部分HTML元素提供
修復(fù)瀏覽器自身的bug并保證各瀏覽器的一致性
優(yōu)化CSS可用性：用一些小技巧
解釋代碼：用注釋和詳細(xì)的文檔來
Normalize.css支持包括手機(jī)瀏覽器在內(nèi)的超多瀏覽器，同時對HTML5元素、排版、列表、嵌入的內(nèi)容、表單和表格都進(jìn)行了一般化。盡管這個項(xiàng)目基于一般化的原則，但我們還是在合適的地方使用了更實(shí)用的默認(rèn)值。
Normalize vs Reset
1. Normalize.css 保護(hù)了有價值的默認(rèn)值
? ? ? ?Reset通過為幾乎所有的元素施加默認(rèn)樣式，強(qiáng)行使得元素有相同的視覺效果。相比之下，Normalize.css保持了許多默認(rèn)的瀏覽器樣式。這就意味著你不用再為所有公共的排版元素重新設(shè)置樣式。當(dāng)一個元素在不同的瀏覽器中有不同的默認(rèn)值時，Normalize.css會力求讓這些樣式保持一致并盡可能與現(xiàn)代標(biāo)準(zhǔn)相符合。
2. Normalize.css 修復(fù)了瀏覽器的bug
? ? ? ?它修復(fù)了常見的桌面端和移動端瀏覽器的bug。這往往超出了Reset所能做到的范疇。關(guān)于這一點(diǎn)，Normalize.css修復(fù)的問題包含了HTML5元素的顯示設(shè)置、預(yù)格式化文字的font-size問題、在IE9中SVG的溢出、許多出現(xiàn)在各瀏覽器和操作系統(tǒng)中的與表單相關(guān)的bug。
?3、Normalize.css 不會讓你的調(diào)試工具變的雜亂
? ? ? ?使用Reset最讓人困擾的地方莫過于在瀏覽器調(diào)試工具中大段大段的繼承鏈，如下圖所示。在Normalize.css中就不會有這樣的問題，因?yàn)樵谖覀兊臏?zhǔn)則中對多選擇器的使用時非常謹(jǐn)慎的，我們僅會有目的地對目標(biāo)元素設(shè)置樣式。
?4、Normalize.css 是模塊化的
? ? ? ? 這個項(xiàng)目已經(jīng)被拆分為多個相關(guān)卻又獨(dú)立的部分，這使得你能夠很容易也很清楚地知道哪些元素被設(shè)置了特定的值。因此這能讓你自己選擇性地移除掉某些永遠(yuǎn)不會用到部分（比如表單的一般化）。
5. Normalize.css 擁有詳細(xì)的文檔
? ? ? ? Normalize.css的代碼基于詳細(xì)而全面的跨瀏覽器研究與測試。這個文件中擁有詳細(xì)的代碼說明并在Github Wiki中有進(jìn)一步的說明。這意味著你可以找到每一行代碼具體完成了什么工作、為什么要寫這句代碼、瀏覽器之間的差異，并且你可以更容易地進(jìn)行自己的測試。
如何使用 normalize.css
首先，安裝或從Github下載Normalize.css，接下來有兩種主要途徑去使用它。
策略一：將normalize.css作為你自己項(xiàng)目的基礎(chǔ)CSS，自定義樣式值以滿足設(shè)計師的需求。
策略二：引入normalize.css源碼并在此基礎(chǔ)上構(gòu)建，在必要的時候用你自己寫的CSS覆蓋默認(rèn)值。
