写CSS的习惯决定了页面渲染的速度,在脑残IE中表现得更加明显。养成良好的习惯,甚至形成规范,将使您的页面加载速度更快并改善用户体验。下面是零度逍遥总结的一些提高CSS渲染速度的方法,供大家参考。1.不要使用*{}前端开发者经常使用*{margin:0;padding:0}重置CSS。这种方法虽然写起来简单,但是浏览器引擎在渲染的时候要遍历所有的标签是非常困难的。影响效率,强烈建议不要这样用!建议解决方案:处理这些你经常使用的标签;例如:body,li,p,h1{margin:0;padding:0},可以参考大站css重置代码。2.在页面上少用绝对定位。绝对定位(position:absolute)在网页布局中是非常常用的,尤其是在制作一些悬浮效果的时候,也会让页面看起来很酷。但是因为浏览器的渲染机制,如果你在网页中使用过多的绝对定位,你的网页会变得很慢。建议解决方案:尽量少用,如果能用变通办法达到同样的效果,就用变通办法。3.让属性尽可能的被继承,让一些属性的孩子可以继承父元素,而不是覆盖父元素。4、css的层次不要太多#zishu.info.tool.sidebarh2{font-size:12px;},不推荐这样,推荐写法:.zishu-s-h2{font-size:12px;}。5.不要放空类。不要在html代码中放空类或者没有类,这样是没有意义的。6、合理布局合理布局可以改变css的编写方式和渲染过程,可以参考大型网站的布局方式。
