c(css 精灵)

AlisaClass 2020-04-14

css sprites是干啥的?

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

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

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

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

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

相关推荐