Heim >Web-Frontend >HTML-Tutorial >css sprite的实现_html/css_WEB-ITnose

css sprite的实现_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:42:53980Durchsuche

css sprite

为什么使用css sprite?

网页上的很多静态小图片在加载时需要大量http请求,增加了响应时间。(哈哈,雅虎34条优化法则的第一条啊)

css的background-position:x,y;


利用分层实现

1、设置块状元素大小

2、改变背景的位置

3、实现(很多小图组成的大图)对应位置小图的出现


自动生成css sprite的工具:cssgaga

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn