CSS sprite_html/css_WEB-ITnoseの実装

css スプライト

CSS スプライトを使用する理由?

Web ページ上の多くの 小さな静的画像 は、読み込み時に大量の http リクエストを必要とし、応答時間が長くなります。 (笑、Yahoo の 34 の最適化ルールの最初です)

css 背景位置: x, y

1. ブロック要素のサイズを設定します

2. 3. 小さい画像の対応する位置の外観を実現する (多数の小さい画像から構成される大きな画像)

CSS スプライトを自動生成するツール: cssgaga