css sprites:精灵图(雪碧图):把一堆小图片整合在一张大图上,通过背景图片相关设置(背景图片、背景图是否重复、背景图定位),显示图片,减轻服务器对图片的请求数量

优点:
1、减少网页的HTTP请求,提高页面性能
2、图片命名上的困扰
3、更换风格方便
缺点:
1、必须限定容器大小,符合背景图片元素的位置,需要计算
2、维护比较麻烦
使用步骤:
1、制作一张具有多状态的拼合图片,需要按照一定规律处理
2、给要显示背景的盒(一个固定尺寸,宽width、高height),以背景的方式加载,让其局部显示
3、通过背景图定位(background-position)控制不同的显示状态

最新文章

  1. map 函数----filter函数
  2. 2015年百度之星初赛(1) --- F 矩形面积
  3. Bootstrap 模态框插件
  4. 转:python webdriver API 之alert/confirm/prompt 处理
  5. Linux Oracle碰到错误:ORA-27101: shared memory realm does not exist
  6. 《Genesis-3D开源游戏引擎完整实例教程-跑酷游戏篇05:二段跳》
  7. iOS开发——OC篇&特殊数据类型
  8. c++实现精确计时
  9. C# .Net 使用zxing.dll生成二维码,条形码
  10. BZOJ 3410: [Usaco2009 Dec]Selfish Grazing 自私的食草者(贪心)
  11. javaCV开发详解之3:收流器实现,录制流媒体服务器的rtsp/rtmp视频文件(基于javaCV-FFMPEG)
  12. json数据导出excel
  13. Java中的会话Cookie&&Session
  14. ubantu中搭建virtualenv+python3.4+flask
  15. Windows 7安装Tensorflow
  16. springboot2.1.3.RELEASE+jsp笔记war部署tomcat
  17. Jenkins自动化构建(二)众多问题
  18. linus上运行jar包文件增删查
  19. 马士兵 spring 视频笔记
  20. Dream------scala--Tuple、Array、Map与文件操作

热门文章

  1. Tarjan缩点+LCA【洛谷P2416】 泡芙
  2. 10.17(山东多校联合模拟赛 day1)
  3. C++并发低级接口:std::thread和std::promise
  4. EF core 学习 执行原生sql语句 之ExecuteReader 和ExecuteScalar
  5. [TJOI2013]循环格 费用流 BZOJ3171
  6. 在生产环境下禁用swagger
  7. adminLte 解决菜单栏 bug
  8. getResourceAsStream properties
  9. Subarray Sum K
  10. Python Pandas Merge, join and concatenate