专业的QQ下载站 本站非腾讯QQ官方网站

QQ下载|QQ资讯|QQ分类|下载排行|最近更新

当前位置:首页腾讯技术QQ微信技术 → 10条影响CSS渲染速度的写法

10条影响CSS渲染速度的写法

时间:2022-09-10 00:20:17人气:作者:admin我要评论

1、*{} #zishu *{} 尽量避开

由于不同浏览器对HTML标签的解释有差异,所以最终的网页效果在不同的浏览器中可能是不一样的,为了消除这方面的风险,设计者通常会在CSS的一个始就把所有标签的默认属性全部去除,以达到所有签标属性值都统一的效果。所以就有了*通配符。*会遍历所有的标签;

*{margin:0; padding:0}
如果这样写,页面中所有的标签的margin全是0;padding也是0;

#zishu *{margin:0; padding:0}
如果这样写,在id等于zishu下边的所有标签的margin全是0;padding也是0;

这样写的问题是:
a.遍历会消耗很多的时间,如果你的HTML代码写的不规范或是某一签标没有必合,这个时间可能还会更长;
b.很多的标签本来就没有这个属性或属性本身就是统一的,那么更给设置一次,也有时间的开消;

建议的的解决办法:
a.不要去使用生僻的标签,因为这些标签往往在不同浏览器中解释出来的效果不一样;所以你要尽可能的去使用那些常用的标签;
b.不要使用*;而是把你常用到的这些标签进行处理;例如:body,li,p,h1{margin:0; padding:0}

2、滤镜的一些东西不要去用

IE的一些滤镜在FIREFOX中不支持,往往写一些效果时你还是使用CSS HACK;而滤镜是一个非常毫资源的东西;特别是一些羽化、阴影和一个前透明的效果;

例如一个阴影效果:

相关文章

  • 如何调整图像尺寸大小?

    在网上逛,免不了要上传上传图片,但是有的网站对上传图片大小有要求,所上传的图片尺寸通常不能太大。那么如何调整图像尺寸大小呢?例如某个网站对图片尺寸大小要求是:图片宽度不能大于770像素。这样,用数码相片拍摄的图片就要进行处理了,需进行压缩图片或者调整图片尺寸大小等才能上能上传。可以使用的图片处理软件:Photoshop或A..
  • 如何使用ps拼接图片

    图像合成是指将多幅图像合成一幅图像,突出表达某个主题。在图像合成的过程中,需要将各图像素材存放在不同的图层中独立处理,而不影响其他图层,图层是图像合成的灵魂。1.运行Photoshop软件,打开“海报背景”和“运动场”两幅图片。2.选中“运动场”窗口,选择“选择”→“全选”命令,将图像全部选中,选择“..

猜你喜欢

  • 小郑阿里巴巴产品图片下载软件

    2022-09-10 /

  • 蓝奏云第三方客户端下载

    2022-09-10 /

  • 百度网盘Mac不限速版

    2022-09-10 /

  • AnyViewer免费版下载

    2022-09-10 /

  • 趣头条搜索下载软件绿色版

    2022-09-10 /

  • Ocean Communication Test Platform免费版

    2022-09-10 /

网友评论

关于鲜花手游网 | 联系方式 | 发展历程 | 版权声明 | 下载帮助(?) | 广告联系 | 站内地图 | 友情链接 | 网站地图 | 百度新闻 | RSS订阅

Copyright 2019-2022 【鲜花手游网】 版权所有 |

声明: 所有软件和文章来自互联网 如有异议 请与本站联系 本站为非赢利性网站 不接受任何赞助和广告