CSSスプライト
CSSスプライトは1枚の画像に複数のアイコンを配置し、background-positionプロパティで表示を制御するCSSテクニックの1つです。
表示する画像位置の細かい指定が必要ですが、リソースの読み込みを減らすことができるメリットがあります。
CSS sprite
スプライト（sprite）
アイコン画像
CSS:background-image
CSS:background-position
このプロパティを使ってイメージの一部分だけを表示する
CSS での画像スプライトの実装 - CSS: カスケーディングスタイルシート | MDN
#CSS3