兩岸微商網路創業平台

效能懸殊：

border:0:，即便在頁面上沒看到border，但閱讀器仍然對border-width/border-color編譯，佔用了必定記憶體，

border:none:閱讀器解析「none」時將不作出編譯動作，即不會損耗記憶體值。

相容性懸殊：

相容性懸殊只針對閱讀器IE6、IE7與標籤button、input而言，在win、win7、vista 的XP主旨下均會呈現此情況。

當border為「none」時似乎對IE6/7無效邊框仍然存在，當border為「0」時，感覺比「none」更有效，所有閱讀器都一致把邊框暗藏。

總結：

對照border:0;與border:none;之間的區別在於有編譯以及沒編譯，感覺他們以及display:none;與visibility:hidden;的關系相似，而對于border屬性的編譯效能對照暫時沒找測試的方式，儘管認為他們存在編譯效能上的懸殊但也只能說是理論上。

假設要讓border:none;實現全相容？只需要在同一選取符上加入背景屬性便可。

border:0;與border:none;的使用情況，仍然覺得border:none;對比好，因為border:none;在效能損耗沒有爭議，以及相容性不足以成為障礙。

文/丁向明

做一個有部落格的web前端自媒體人，專註web前端開發，關注使用者體驗，加我qq/微信交流：6135833

http://dingxiangming.com

效能懸殊：

border:0:，即便在頁面上沒看到border，但閱讀器仍然對border-width/border-color編譯，佔用了必定記憶體，

border:none:閱讀器解析「none」時將不作出編譯動作，即不會損耗記憶體值。

相容性懸殊：

相容性懸殊只針對閱讀器IE6、IE7與標籤button、input而言，在win、win7、vista 的XP主旨下均會呈現此情況。

當border為「none」時似乎對IE6/7無效邊框仍然存在，當border為「0」時，感覺比「none」更有效，所有閱讀器都一致把邊框暗藏。

總結：

對照border:0;與border:none;之間的區別在於有編譯以及沒編譯，感覺他們以及display:none;與visibility:hidden;的關系相似，而對于border屬性的編譯效能對照暫時沒找測試的方式，儘管認為他們存在編譯效能上的懸殊但也只能說是理論上。

假設要讓border:none;實現全相容？只需要在同一選取符上加入背景屬性便可。

border:0;與border:none;的使用情況，仍然覺得border:none;對比好，因為border:none;在效能損耗沒有爭議，以及相容性不足以成為障礙。

文/丁向明

做一個有部落格的web前端自媒體人，專註web前端開發，關注使用者體驗，加我qq/微信交流：6135833兩岸商貿,在家工作,網路創業,創業賺錢思惟,微商平台,賺新台幣

http://dingxiangming.com