简介：为了减少http请求数量，加速网页内容显示，很多网站的导航栏图标、登录框图片等，使用的并不是<image>标签，而是CSS Sprite雪碧图。本课程分析了CSS Sprite雪碧图的实现原理，详细讲解制作方法，实现完整效果，让你快速掌握CSS Sprite雪碧图技术。
第1章 CSS Sprite雪碧图介绍及实现原理
介绍什么是雪碧图、雪碧图的使用场合、分析雪碧图的实现原理。
介绍什么是雪碧图、雪碧图的使用场合、分析雪碧图的实现原理。
第2章 CSS Sprite雪碧图实现方式
介绍使用PS手动拼图和使用sprite工具自动生成雪碧图的方法
介绍使用PS手动拼图和使用sprite工具自动生成雪碧图的方法
第3章 CSS Sprite雪碧图的应用
通过简单的导航实例，完成静态页面,讲解如何设置background-position属性来使用css sprite雪碧图
通过简单的导航实例，完成静态页面,讲解如何设置background-position属性来使用css sprite雪碧图
第4章 编程挑战
今天我们学习了雪碧图的实现原理，实现方式以及应用，让我们来一起挑战下吧！
今天我们学习了雪碧图的实现原理，实现方式以及应用，让我们来一起挑战下吧！
