簡介：為了減少http請求數(shù)量，加速網(wǎng)頁內(nèi)容顯示，很多網(wǎng)站的導(dǎo)航欄圖標、登錄框圖片等，使用的并不是<image>標簽，而是CSS Sprite雪碧圖。本課程分析了CSS Sprite雪碧圖的實現(xiàn)原理，詳細講解制作方法，實現(xiàn)完整效果，讓你快速掌握CSS Sprite雪碧圖技術(shù)。
第1章 CSS Sprite雪碧圖介紹及實現(xiàn)原理
介紹什么是雪碧圖、雪碧圖的使用場合、分析雪碧圖的實現(xiàn)原理。
第3章 CSS Sprite雪碧圖的應(yīng)用
通過簡單的導(dǎo)航實例，完成靜態(tài)頁面,講解如何設(shè)置background-position屬性來使用css sprite雪碧圖
第4章 編程挑戰(zhàn)
今天我們學(xué)習(xí)了雪碧圖的實現(xiàn)原理，實現(xiàn)方式以及應(yīng)用，讓我們來一起挑戰(zhàn)下吧！