私人博客
许小墨のBlog —— 菜鸡博客直通车
系列文章完整版,配图更多,CSDN博文图片需要手动上传,因此文章配图较少,看不懂的可以去菜鸡博客参考一下配图!
系列文章目录
什么是精灵图?
- css精灵(CSS sprites),是一种网页图片应用处理技术
- 主要是指将网页中需要的零星的小图片集成到一个大的图片中
为什么要用它?
- 减少对浏览器的请求次数,避免网页的延迟
- 方便小图标的统一管理
如何使用?
- 利用CSS的“
background-image
”,“background- repeat
”,“background-position
”的组合进行背景定位 background-position
可以用数字能精确的定位出背景图片的位置
注
本博文缺失大量图片,严重影响内容完整性以及阅读体验,完整内容请前往本人菜鸡博客——许小墨のBlog