精通CSS與HTML設計模式 第十四章（圖片）

    一、 圖片

            圖片中alt:是當圖片沒有下載成功時，會顯示出alt所對應的屬性，當滑鼠移上去的時候會顯示alt內容

            JPG(全名jpeg):支援1600萬種顏色和有損壓縮，在壓縮程度上，你可以從無到極度隨意有損壓縮，壓縮量越大，產生的檔案就越小，品質也就越低，JPG不支援背景透明

            GIF:藝術線條和電腦合成圖片最合適的格式，最高只能支援256種顏色，若要想要得到更多顏色，映像軟體通過抖動來類比出那些顏色。支援透明背景顏色。

            PNG：png格式是對gif一種改進 ，支援1600萬種顏色，無法監視和無損壓縮，IE7和主流瀏覽器都支援無損壓縮，IE6不支援

    

 二、圖片地圖 

           圖片地圖採用的圖片關聯一個map元素上，map元素定義了多個可點擊的地區

           一個map包含一個或多個area元素，每個area元素定義了一幅圖片的可點擊範圍。各個地區之間不能相互覆蓋，如果這種情況發生了，則area元素在文檔中的順序決定堆疊順序。

           一個area元素有4個必選屬性：href、alt、shape和coords。

             href屬性是當使用者點擊這個地區時，瀏覽器跳轉到另一個連結的url。

             alt屬性供讀屏器閱讀，用來描述所對應的連結——它是不可見的。

             shape屬性描述地區的形狀，可以是以下3種形狀:rect(矩形)、circle(圓形)和poly（多邊形）。

             coord:rect(矩形)——x,y,x1,y1     代表的是(x,y)矩形的左上方   （x1,y1）矩形的右下角

                       circle(圓形)——x,y,r          代表的是(x,y)圓心         r——代表的半徑

                      poly(多邊形)——x1,y1,x2,y2,x3,y3,x4,y4     代表的是多邊形的各個頂點

 

三、淡出

         1、將漸層顏色融入到背景顏色中，既過渡到背景顏色

四、