Home >Web Front-end >HTML Tutorial >Implementation of css sprite_html/css_WEB-ITnose

Implementation of css sprite_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:42:53973browse

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

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn