本文主要写的是提高客户端浏览器中网页的渲染速度的CSS部分,它暂时被10所总结。

1、尽量避免* { } * { } # jb51

由于浏览器的HTML标签不同的解释是不同的,所以网页在不同浏览器的效果可能是不一样的,为了消除这种风险,设计师通常是在CSS的所有标签都被默认属性,以达到所有的标签属性的值是统一的效果。所以有*通配符*所有的标签将走过;

*边距:0;填充:0 }
如果是这样写的,页面上所有标签的边距是0,填充也是0;

# jb51 * { margin: 0;padding: 0 }
如果这是写在ID等于jb51底部边缘的标签都是0;填充为0;

问题是:
遍历将耗费大量的时间,如果您的HTML代码没有标准化或一个符号不适合,这个时间可能更长。
很多的标签本来没有这个属性或属性本身是统一的,然后再设置,也有时间打开;

建议的解决方案:
不要使用花哨的标签,因为这些标签通常在不同的浏览器中解释不起相同的效果,所以你应该试着使用那些常用的标签;
不要使用*,而是处理你经常使用的标签;例如,正文,李,P,H1边距:0;填充:0 }

2。不要使用一些过滤器。

Firefox中不支持IE的过滤器。当你写的一些影响,你仍然可以使用CSS hack,而过滤器的大量资源,尤其是一些羽化、阴影和预透明效果。

例如,阴影效果:



测试



{备注:对于外部JS的引入,需要执行刷新}