關於css sprite的一些見解

來源:互聯網
上載者:User

css sprite典型應用案例:馬鈴薯網,

div+css用一張背景圖實現全站背景圖片調用 ,這就是所說的CSS sprite

定位方式:

a{display:black; width:200px; height:30px; backgroud:該圖片 no-repeat 位置值1 位置值2 ;}

其優勢:普通方式下的大量圖片,現在合并成一張圖片,大大減少了HTTP的連結數。HTTP串連數對網站的載入效能有重要影響.

自己依據馬鈴薯網的圖片重新寫的一個SPRITE片段。。

/Files/zoser/CssSprite.rar

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.