1.border:none 与 border:0 的区别?
首先是性能差异:
- {border:0;}: 把 border 设置为 0 像素,虽然在页面上看不到,但是按 border
默认值理解
,浏览器依然对 border-width/border-color 进行了渲染
,即已经占用内存值
; - {border:none;}被理解为 border-style:none。boder:0;比 border:none
多渲染了一个border-width:0
,也就是为什么 border:none 的性能
要比 border:0高
;
兼容性差异:
{border:none;}当 border 为“none”时似乎对 IE6/7 无效,边框依然存在,当 border 为“0”时,所有浏览器都一致把边框隐藏。