c(css 精灵)

2021-03-22 14:25

阅读:469

标签:上进   简单   速度   方法   精准   repeat-x   no-repeat   网页   url   

css sprites是干啥的?

简单来讲就是把多个icon(小图标),通过ps等工具合并为一张图片,从而达到减少http请求的次数,以提高网页加载速度(性能)的一种方式。

主要的优点就是提高加载速度,还有个小优点就是,减少图片命名,相信命名这件事是大家都有的困扰。

但是缺点也是有的,比如制作的时候要求位置要比较精准,使用的时候也要做好position调整

使用方法:background-image: url(...)加载图片 background-repeat:no-repeat;是否重复加载 默认是repeat 也可以通过 repeat-x 或 repeat-y决定在那个坐标轴上进行重复

然后通过background-position: 100px 100px;来实现定位

c(css 精灵)

标签:上进   简单   速度   方法   精准   repeat-x   no-repeat   网页   url   

原文地址:https://www.cnblogs.com/jzbs/p/12700303.html

上一篇:Mac 自带 apache 服务器

下一篇:gojs插件


评论


亲,登录后才可以留言!