>웹 프론트엔드 >HTML 튜토리얼 >css sprite的实现_html/css_WEB-ITnose

css sprite的实现_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-24 11:42:53982검색

css sprite

为什么使用css sprite?

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

css的background-position:x,y;


利用分层实现

1、设置块状元素大小

2、改变背景的位置

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


自动生成css sprite的工具:cssgaga

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.