border：none 與border：0的區別

border:none與border:0的區別體現爲兩點：一是理論上的性能差別，二是瀏覽器兼容性的差別。

性能差別：

【border:0;】把border設爲「0」像素效果等於border-width:0，瀏覽器依然對border-width、border-color進行了渲染，即已經佔用了內存值。

【border:none;】把border設爲「none」，實際效果等同於border-style:none，瀏覽器解析「none」時將不做出渲染動做，即不會消耗內存值。

兼容性差別：

IE六、IE7中，border爲「none」時，標籤button、input邊框依然存在。

解決方法：

1，input,button{border:none;background:none;} 聽說這種方法理論上沒有性能消耗，添加background來實現兼容，難道不須要佔用內存？？？

2，input,button{border:0 none;} 我的以爲這種方法相較於第一種經過background實現兼容的方法要好

3，input,button{border:0;}這種方法字符最少，大項目中節省的流量啊，並且我以爲這個內存消耗神馬滴能夠經過其餘頁面優化來彌補。