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