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