最新消息:Rockyxia Web技术博客全新改版,响应式布局满足各种设备各种尺寸的访问需求。

标签:compass

利用sass的compass自动合并icon图标形成css sprite雪碧图和对应css样式
web综合

利用sass的compass自动合并icon图标形成css sprite雪碧图和对应css样式

rockyxia 8年前 (2016-08-30) 15203浏览

写在前面 css sprite是广大页面仔(前端开发攻城狮)在页面制作经常使用到的一种图片拼合技术,又称css雪碧图或css精灵,能够减少页面请求数、减小图片尺寸,从而达到提升页面访问速度的效果。但是这种技术的缺点也是相当的明显,就是拼图和后期维护的成本比较大,所以经常的使用的时候需要非常的注意,还要保留拼图的psd文件。虽然svg以及iconfont等新技术的出现改善了一些,但是svg和iconfont的...