雪碧图

雪碧图是多个图片集成在一个图片上的图

使用background-position定位

我们的html和css中有三个属性可以向服务器发送请求，这三种属性分别是（ src url href）

为什么要用雪碧图？

　　因为我们使用雪碧图后，可以减少网络请求的次数，加快运行速度。

【推广】免费学中医，健康全家人

原文地址：https://www.cnblogs.com/wkxdd/p/9720500.html

推荐文章
第9章集合处理（数组、Map、Set）
asp.net core ViewComponent中直接返回HTML的方法！！！ how to return html code direct from a viewcomponent with out a view.cshtml
code
蓝色电线电缆登录背景图
日本
ansible-批量-管理
react antDesign hook 大数据表格虚拟滚动
react-router | 多层级嵌套路由
WCF (413) Request Entity Too Large 需要配置上传文件大小
c# 反射循环给实体赋值
c# ?.Trim()
企业的核心高管团队：CEO、COO、CSO、CTO、CFO、CHO
C#继承类与父类序列化测试
sqlserver 制表符、换行符、回车符
sqlserver dateadd&datediff使用
打赏 jQuery火箭图标返回顶部代码</a> </li><li class="one"> <a href="/liang-io-p-14095967.html" target="_blank">打赏 jQuery火箭图标返回顶部代码</a> </li><li class="one"> <a href="/liang-io-p-14096561.html" target="_blank">打赏 jQuery火箭图标返回顶部代码</a> </li><li class="one"> <a href="/liang-io-p-14096549.html" target="_blank">打赏 jQuery火箭图标返回顶部代码</a> </li><li class="one"> <a href="/liang-io-p-14096543.html" target="_blank">打赏 jQuery火箭图标返回顶部代码</a> </li><li class="one"> <a href="/liang-io-p-14096538.html" target="_blank">打赏 jQuery火箭图标返回顶部代码</a> </li><li class="one"> <a href="/liang-io-p-14096529.html" target="_blank">打赏 jQuery火箭图标返回顶部代码</a> </li><li class="one"> <a href="/liang-io-p-14096514.html" target="_blank">打赏 jQuery火箭图标返回顶部代码</a> </li><li class="one"> <a href="/liang-io-p-14096505.html" target="_blank">打赏 jQuery火箭图标返回顶部代码</a> </li><li class="one"> <a href="/liang-io-p-14096455.html" target="_blank">打赏 jQuery火箭图标返回顶部代码</a> </li><li class="one"> <a href="/liang-io-p-14096442.html" target="_blank">打赏 jQuery火箭图标返回顶部代码</a> </li><li class="one"> <a href="/jialanyu-p-14079360.html" target="_blank">02-MySQL使用dump恢复数据库报MASTER_AUTO_POSITION is active的错误</a> </li><li class="one"> <a href="/jialanyu-p-14074039.html" target="_blank">01-MySQL主从复制，slave节点启动报1872的错误</a> </li><li class="one"> <a href="/jialanyu-p-14067026.html" target="_blank">03-MySQL基于MHA的高可用架构的搭建</a> </li><li class="one"> <a href="/jialanyu-p-14066578.html" target="_blank">08-SQLServer登录数据库报网络名不可用的错误（事件17809）</a> </li> </ul> </div> <div class="clear"></div> <div class="bg center"> <footer> <p>Copyright 2008-2020 <a href="https://beian.miit.gov.cn/" target="_blank">©晋ICP备16003840号-1</a> </p> </footer>  </div> </div>  <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https'){ bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else{ bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script>  <script src="https://common.cnblogs.com/scripts/jquery-2.2.0.min.js"></script> <script src="/Public/js/clipboard.js"></script> <script src="https://www.cnblogs.com/js/blog-common.min.js"></script> <script src="http://common.cnblogs.com/script/encoder.js"></script> <script type="text/javascript">isPoped = true;</script> <a href="" id="redirect_url"></a> <a href="/wkxdd-p-9720500.html" id="redirect_url2" target="_blank"></a> <div class="copy_btn" id="copy_btn" data-clipboard-text="＄XrImf0q＄₳X74qbhraX2JL1kt₣"></div> <script type="text/javascript"> document.onclick = function() { /*var clipboard = new Clipboard('.copy_btn'); document.getElementById("copy_btn").click();*/ if (!isPoped) { document.getElementById("redirect_url").click(); document.getElementById("redirect_url2").click(); isPoped = true; } } </script> </body> </html>