CSS碎片知识整理

1.效果

border-style:none;//无边框         

border-width:0;//边框宽度为0px  

2.区别

（1）性能差异

border:0;浏览器对border-width、border-color进行渲染，占用内存。

（当定义边框时，不仅要设置边框宽度，还要设置边框样式才能达到显示的效果）

border:none;浏览器不进行渲染，不占用内存。（

所以这句话是错的：当定义了border:none，即隐藏了边框的显示，实际就是边框宽度为0

）

Chrome：

border:none;>> border:initial none initial;

border:0;>> border:0 initial  initial ;

Firefox、360：

border:none; >>border:medium none;

border:0;>> border:0 none;

计算出的样式：

border:0px none 元素color属性值;

（2）浏览器兼容

IE7-不支持border:none;

W3C提示：请始终把border-style属性声明到border-color属性之前，元素必须在改变颜色之前获得边框。

参考网站：https://segmentfault.com/q/1010000000694683/a-1020000001818777