在写前端时,听到雪碧图这个概念。因此在网上查了查资料,了解了一番。
什么是雪碧图?
CSS雪碧 即CSS Sprite,也有人叫它CSS精灵,是一种CSS图像合并技术,是将小图标和背景图像合并到一张图片上,然后利用css的背景定位来显示需要显示的图片部分。
作用是什么?
雪碧图的应用可以减少网站的HTTP请求数量,提升网站加载性能,对内存和带宽更加友好,提高用户体验度。
应用过程?
1、用ps或compass等工具把小图标和背景图拼起来。
2、在CSS中利用定位来显示需要显示的图片部分。
先简单了解一下。接下来试着做个例子看看效果,体会体会原理。
最后
以上就是俊逸哈密瓜最近收集整理的关于雪碧图-初识的全部内容,更多相关雪碧图-初识内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复