>웹 프론트엔드 >HTML 튜토리얼 >CSS Sprite 雪碧图制作

CSS Sprite 雪碧图制作

WBOY
WBOY원래의
2016-06-01 14:32:511680검색

CSS Sprite 雪碧图,简单来说就是:

为了提高网页的性能,减少加载次数,将一些不会经常随网站内容变化的小图标,集中放在一张大图上,将该图应作为background-image 嵌入页面中,在需要相关图标时,根据background-position设置坐标值,达到目的。

 

一个例子,可以复制然后看一下效果:

 HTML代码:

<span style="color: #0000ff;"><span style="color: #ff00ff;">DOCTYPE html</span></span>
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:网站的引导页介绍다음 기사:CSS使图片变灰