数码资讯
10个页面影响CSS渲染速度和建议页面13的使用
本文主要写的是提高客户端浏览器中网页的渲染速度的CSS部分,它暂时被10所总结。 1、尽量避免* { } * { } # jb51 由于浏览器的HTML标签不同的解释是不同的,所以网页在不同浏览器的效果可能是不一样的,为了消除这种风险,设计师通常是在CSS的所有标签都被默认属性,以达到所有的标签属性
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
本文主要写的是提高客户端浏览器中网页的渲染速度的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的引入,需要执行刷新}
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的引入,需要执行刷新}
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。