web前端開發中瀏覽器兼容問題（六）

26.border:none與border:0的區別

體現有兩點：

一、理論上的性能差別；

二、瀏覽器兼容性的差別。

1、性能差別：

【border：0】把border設爲「0「像素雖然在頁面上看不見，但按border默認值理解，瀏覽器依然會對border-width/border-color進行渲染，即已經佔用了內存值。

【border：none】把border設爲」none「即沒有，瀏覽器解析」none「時將不做出渲染動做，即不會消耗內存值。

2、兼容性差別：

兼容性差別只針對IE六、IE7與標籤button、input而言，在win、win7的XP主題下均會出現此現象。

當border爲」none「時對IE六、IE7無效邊框依然存在，以下圖所示：

當border爲」0「時對IE六、IE7，以下圖所示：

當border爲」0「或者」none「時Firefox下顯示一致，以下圖所示：

27.不一樣瀏覽器margin和padding差別較大

顯示區別

對於IE,父元素用text-align:center;可實現父級元素內的子元素居中，

對於FF,子元素須要用margin：0 auto。

28.在IE6中沒法設置微型高度

顯示區別