第7天圖片整合

CSS Sprites的原理（圖片整合技術(shù)）

一、將導(dǎo)航背景圖片，按鈕背景圖片等有規(guī)則的合并成一張背景圖，即將多張圖片合為一張整圖，然后用background-position”來實(shí)現(xiàn)背景圖片的定位技術(shù)。

二、圖片整合的優(yōu)勢：

1）通過圖片整合來減少對(duì)服務(wù)器的請(qǐng)求次數(shù)，從而提高 頁面的加載速度。

2）通過整合圖片來減小圖片的體積。

2、CSS Sprites的實(shí)現(xiàn)方法

（1）滑動(dòng)門技術(shù)

1.什么是滑動(dòng)門

滑動(dòng)門是一個(gè)形象的稱呼，它利用CSS背景圖像可層疊性，并允許彼此之上進(jìn)行滑動(dòng)來創(chuàng)造一些特殊動(dòng)態(tài)效果

2.滑動(dòng)門特征：

通過滑動(dòng)門技術(shù)，可以使CSS設(shè)計(jì)出來的導(dǎo)航菜單兼具傳統(tǒng)布局的圖像效果，與CSS布局的高效擴(kuò)展性 。