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中没法设置微型高度

显示区别