web前端开发中浏览器兼容问题（六）

26.border:none与border:0的区别

体现有两点：

1、理论上的性能差异；

2、浏览器兼容性的差异。

1、性能差异：

【border：0】把border设为“0“像素虽然在页面上看不见，但按border默认值理解，浏览器依然会对border-width/border-color进行渲染，即已经占用了内存值。

【border：none】把border设为”none“即没有，浏览器解析”none“时将不作出渲染动作，即不会消耗内存值。

2、兼容性差异：

兼容性差异只针对IE6、IE7与标签button、input而言，在win、win7的XP主题下均会出现此现象。

当border为”none“时对IE6、IE7无效边框依然存在，如下图所示：

当border为”0“时对IE6、IE7，如下图所示：

当border为”0“或者”none“时Firefox下显示一致，如下图所示：

27.不同浏览器margin和padding差异较大

显示区别

对于IE,父元素用text-align:center;可实现父级元素内的子元素居中，

对于FF,子元素需要用margin：0 auto。

28.在IE6中无法设置微型高度

显示区别