小志个人博客

当初写完了《分析border边框属性在浏览器中的渲染方式》这篇日志后，有人跟我说，“小志啊，你这个并不能说明border:0 none;方式性能就是好的啊”。这点我承认，的确如此，因为那篇日志仅仅只是说明了border针对input标签和button标签在渲染方式的一个渲染方式对比。

然而今天在涛哥的勾引下，我使用了谷歌浏览器作为平时默认浏览器，顺带安装了一些插件，值得一提的是谷歌浏览器自带的有一个叫“任务管理器”的东西比较好玩，可以看很多参数，比如什么“缓存”啦、“内存”啊之类的。

“内存”这个东西我看了之后，突然想到曾经不是有人说border渲染后的性能么，于是乎，就在原来的那个demo基础上针对border:0;和border:none;以及border:0 none;这三个做了一个简单的对比。

(全文…)

针对border边框属性在浏览器中的渲染方式很早以前就开始在QQ群中看到大家在讨论，而我也一直以border:0 none;的方式处理。其中当然也是有我自己为什么要做的原因，对于这个原因在下面的分析中将会提到。在对border边框属性进行分析之前，需要说明的几点内容是：

1. 小志我并不是一个分析专家，只是借助Firebug和IE developer这两个工具在FF浏览器和IE浏览器中查看浏览器的渲染结果；
2. 因为只是查看了FF浏览器和IE浏览器的渲染结果，并不能代表所有的浏览器都是相同的方式进行渲染。

为了能更好的对边框的样式进行对比，这里我们选用的是“按钮”元素，但使用的标签却是不同的，它们分别是input标签元素和button标签元素。顺带需要提到的一点就是，这两个标签元素在各个浏览器中的共同点是都属于系统控件元素，边框样式以及按钮背景都是跟系统主题有着绝对性的关系。

(全文…)