位置:- 正文
css精灵图技术是什么(精灵图的使用)
编辑：rootadmin推荐整理分享css精灵图技术是什么(精灵图的使用)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:css精灵图使用步骤,css背景图片精灵技术的步骤和说法,精灵图是前端负责还是ui负责,精灵图技术的核心原理是什么,精灵图是前端负责还是ui负责,css精灵图是什么,css背景图片精灵技术的步骤和说法,css精灵图是什么,内容如对您有帮助，希望把文章链接给更多的朋友！
1068
1、将页面所涉及的所有零星背景图像集中到大图中，然后将大图用于网页。用户访问页面时，只需向服务器发送一次请求。
2、直接使用background-position等属性来准确定位所需的背景部分。
实例
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>Title</title></head><body><div><span></span><span></span><span></span></div></body><style>.boxspan{display:inline-block;.j{background:url("abcd.jpg")no-repeat-389px-141px;width:102px;height:112px;.w{background:url("abcd.jpg")no-repeat-117px-560px;width:135px;height:112px;.t{background:url("abcd.jpg")no-repeat-368px-417px;width:102px;height:112px;</style></html>