其他分享
首页 > 其他分享> > CSS-sprites,又叫精灵图

CSS-sprites,又叫精灵图

作者:互联网

 

原理:把多张图片融合成一张图片,然后通过css background-position取指定位置大小的图片,减少了http请求次数自然减少了加载时间。

这张图就相当于一个坐标系,文件上告诉精灵图上每个小图的大小和初始点的横纵坐标。

通过css background-position选择起点坐标,取高度、宽度。

标签:精灵,小图,CSS,background,position,sprites,css,图片
来源: https://www.cnblogs.com/saying36/p/15467289.html