Implementation of css sprite_html/css_WEB-ITnose

css sprite

Why use css sprite?

Many static small images on the web page require a large number of http requests when loading, increasing the response time. (Haha, the first of Yahoo’s 34 optimization rules)

CSS background-position: x, y;

Use layering to achieve

1. Set the size of block elements

2. Change the position of the background

3. Implement the appearance of small images at corresponding positions (a large image composed of many small images)

Tool to automatically generate css sprite: cssgaga