雪碧图
1.优点
利用CSS Sprites能很好地减少网页的http请求，提高页面相应的性能，这也是CSS Sprites主要优点，是其被广泛传播和应用的主要原因； 其次，可以减少命名和减少流量；
操作1
在css中对div操作如下：
1、先确定图片宽高 width：16px；height：16px；
2、以背景图方式先引用进来background：url（../images/**.png） no-repeat ;
3 、background：url（../images/**.png） no-repeat -131px -168px;让图片向左移动131px，向上移动168px；
操作2（雪碧图旁加字）
操作如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>雪碧图</title>
<style >
* {
margin: 0px;
padding: 0px;
}
.Sprites {
width: 49px;
height: 49px;
background: url("../images/youku.png") no-repeat -48px -118px;
padding-left: 49px;
}
.txt1 {
display: inline-block;
height: 49px;
width:49px;
background: #fff;
}
</style>
</head>
<body>
<div class="Sprites">
<span class="txt1">左边是雪碧图</span>
</div>
</body>
</html>
类txt1的作用是遮挡住被文字撑开的雪碧图，
也可以尝试把字放雪碧图所在div外，
雪碧图Sprites完结！！！
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
