与使用CSS文件(通过其他因素)的性能提升相比,你朋友提到的性能提升可能太微不足道了.
使用style属性,浏览器仅为该特定元素绘制规则,在本例中为<div>
元素.这减少了CSS引擎查找哪些元素与CSS Select 器(例如a.hover
或#someContainer li
)匹配的查找时间.
然而,将样式设置放在元素级别意味着不能单独缓存CSS样式规则.通常,将样式放入CSS文件将允许进行缓存,从而减少每次加载页面时服务器的负载量.
在元素级别设置样式规则也会使您无法了解哪些元素是以何种方式设置样式的.这也可能会适得其反,因为在绘制特定元素时,可以将多个元素重新绘制在一起.使用CSS文件将CSS从HTML中分离出来,这样可以确保样式正确,以后更容易修改.
因此,如果您查看比较,您会发现使用CSS文件比在元素级别设置样式有更多的好处.
不要忘记,当你有一个外部CSS样式表文件时,你的浏览器可以缓存该文件,从而提高你的应用程序效率!