資訊專欄INFORMATION COLUMN
摘要：相比于傳統(tǒng)的是一種現(xiàn)代的為準(zhǔn)備的優(yōu)質(zhì)替代方案?？傊?，是一種的替代方案。一般化的樣式為大部分元素提供。保護(hù)了有價(jià)值的默認(rèn)值通過為幾乎所有的元素施加默認(rèn)樣式，強(qiáng)行使得元素有相同的視覺效果。
Normalize.css只是一個(gè)很小的css文件，但它在磨人的HTML元素樣式上提供了跨瀏覽器的高度一致性。相比于傳統(tǒng)的CSS reset,Normalize.css是一種現(xiàn)代的、為HTML5準(zhǔn)備的優(yōu)質(zhì)替代方案?？傊?，Normalize.css是一種CSS reset的替代方案。
我們創(chuàng)造normalize.css有下面這幾個(gè)目的：
保護(hù)有用的瀏覽器樣式而不是去掉他們。
一般化的樣式：為大部分HTML元素提供。
修復(fù)瀏覽器自身的bug并保證各瀏覽器的一致性。
優(yōu)化css可用性：用一些小技巧。
解釋代碼：用注釋和詳細(xì)的文檔來。
注意：Normalize支持包括手機(jī)瀏覽器在內(nèi)的超多瀏覽器，同時(shí)對(duì)HTML5元素、排版、列表、嵌入的內(nèi)容、表單和表哥都進(jìn)行了一般化。盡管這個(gè)項(xiàng)目基于一般化的原則，但我們還是在合適的地方使用了更實(shí)用的默認(rèn)值。
Normalize vs Reset
Normalize.css 保護(hù)了有價(jià)值的默認(rèn)值
Reset通過為幾乎所有的元素施加默認(rèn)樣式，強(qiáng)行使得元素有相同的視覺效果。相比之下，Normalize.css保持了許多磨人的瀏覽器樣式。這就意味著你不用再為所有公共的排版元素重新設(shè)置樣式。當(dāng)一個(gè)元素在不同的瀏覽器中有不同的默認(rèn)值時(shí)，Normalize.css會(huì)力求讓這些樣式保持一致并盡可能與現(xiàn)代標(biāo)準(zhǔn)符合。
Normalize.css 修復(fù)了瀏覽器的bug
它修復(fù)了常見的桌面端與移動(dòng)端瀏覽器的bug。這往往超出了Reset所能做到的范圍。關(guān)于這一點(diǎn)，Normalize.css修復(fù)的問題包含了HTML5元素的顯示設(shè)置、預(yù)格式化文字的font-size問題、在IE9中SVG的溢出、許多出現(xiàn)在各瀏覽器和操作系統(tǒng)中的與表單相關(guān)的bug。
Normalize.css 不會(huì)讓你的調(diào)試工具變的雜亂
使用Reset最讓人困擾的地方莫過于在瀏覽器調(diào)試工具中大段大段的繼承鏈，在Normalize.css中就不會(huì)有這樣的問題，因?yàn)樵谖覀兊臏?zhǔn)則中對(duì)多選擇器的使用是非常謹(jǐn)慎的，我們僅會(huì)有目的地對(duì)目標(biāo)元素設(shè)置樣式。
Normalize.css 是模塊化的
這個(gè)項(xiàng)目已經(jīng)被拆分為多個(gè)相關(guān)卻又獨(dú)立的部分，這使得你能夠很容易也很清楚地知道哪些元素被設(shè)置了特定的值。因此這能讓你自己選擇性地移除掉某些永遠(yuǎn)不會(huì)用到的部分（比如表單的一般化）。
Normalize.css 擁有詳細(xì)的文檔
Normalize.css的代碼基于詳細(xì)而全面的跨瀏覽器研究與測(cè)試。這個(gè)文件中擁有詳細(xì)的代碼說明并在Github Wiki中有進(jìn)一步的說明。這意味著你可以找到每一行代碼具體完成了什么工作、為什么要寫這句代碼、瀏覽器之間的差異，并且你可以更容易的進(jìn)行自己的測(cè)試
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/114969.html
摘要：現(xiàn)在回到我們這一章節(jié)的標(biāo)題，將它做下補(bǔ)充關(guān)于那些事四之基于構(gòu)架基礎(chǔ)樣式庫基礎(chǔ)庫構(gòu)思為什么要做基礎(chǔ)庫我上一章節(jié)的末尾拋出了幾個(gè)問題假設(shè)你要做一個(gè)游戲單頁面，網(wǎng)頁上并不存在表單內(nèi)容，那么你就要移除一些冗余的代碼，開始自定義樣式來滿足自己的需求。 前言 先來回顧一下前幾章節(jié)，我們都說了哪些內(nèi)容： CSS Reset 歷史 與 Normalize.css 介紹 Normalize.css...
摘要：現(xiàn)在回到我們這一章節(jié)的標(biāo)題，將它做下補(bǔ)充關(guān)于那些事四之基于構(gòu)架基礎(chǔ)樣式庫基礎(chǔ)庫構(gòu)思為什么要做基礎(chǔ)庫我上一章節(jié)的末尾拋出了幾個(gè)問題假設(shè)你要做一個(gè)游戲單頁面，網(wǎng)頁上并不存在表單內(nèi)容，那么你就要移除一些冗余的代碼，開始自定義樣式來滿足自己的需求。 前言 先來回顧一下前幾章節(jié)，我們都說了哪些內(nèi)容： CSS Reset 歷史 與 Normalize.css 介紹 Normalize.css...
摘要：下面開始對(duì)進(jìn)行簡(jiǎn)單的介紹，關(guān)于兩者的差異區(qū)別可以看問答平臺(tái)使用遇到的問題和有什么本質(zhì)區(qū)別沒簡(jiǎn)單介紹關(guān)于對(duì)的介紹，這里引用咀嚼之味針對(duì)官方介紹翻譯的的中文版本。目前已經(jīng)成為了的替代方案是無可爭(zhēng)議的事情了。 前言 近期在翻閱陳舊的歷史資料，整理之前飽受爭(zhēng)議的CSS Reset問題，不過好像十多年過去，現(xiàn)在大家統(tǒng)一了口徑，紛紛推薦使用Normalize.css，包括Bootstrap都進(jìn)行...
閱讀 3672·2021-11-15 11:37
閱讀 2321·2021-09-24 10:39
閱讀 2459·2021-07-25 21:37
閱讀 1446·2019-08-30 15:56
閱讀 2588·2019-08-30 15:55
閱讀 957·2019-08-30 15:54
閱讀 2128·2019-08-30 14:21
閱讀 858·2019-08-30 11:24
