继上节讨论了一些常用的提高CSS效率技巧之外,本文将参考MozillaUI中介绍的CSS优化规则深入讨论CSS的优化原理.本文第一部分说明CSS的书写规则,第二部分分析应该使用哪些规则才能使页面渲染效率更高.一.CSS的4种书写规则首先声明,我在本文中定义一个术语叫–主选择符.其定义是在一个选择符中最右边的那部分.(浏览器匹配选择符的时候是从最右边开始的,而不是从他的祖先选择符开始的.)举例说明:aimg,div>p,h1+[title]{}divpa{}这里主选择符就是指img,p,[title],a.1.ID系列选择符就是包含ID的选择符例如:button#backButton{}/*ThisisanI...

阅读全文 »

最近忙着找工作,面试的时候有这样一道题目:列举至少10条CSS影响页面渲染效率的写法.虽然写了将近一年的CSS了,但这个问题还真没详细总结过,当时回答的不完整,回来后赶紧查找相关资料.经过查阅资料以及跟朋友们的交流,大致总结出以下几点:1.尽量避免使用IE滤镜滤镜是IE私有属性,而非W3C标准,因此只在IE下有效,其他标准浏览器都不支持,滤镜会明显降低页面的渲染效率,既耗资源兼容性又差,所以要尽量避免使用2.尽量少使用*号选择符例:*{…},#id*{…}*在CSS中作为通配符选择所有的元素建议尽量避免使用*选择符.原因有2:使用*会遍历全部的标签所以会降低渲染效率*号作为通配符会对所有的样式进行重新定义3.不宜...

阅读全文 »