精灵图，滑动门

精灵图：网页一些背景图片整合到一张图片上

可以减少浏览器请求图片的次数

（但一般小公司不用，难维护）

用background-position

{/*用firework打开，要哪个图就找哪个的位图，找宽高和x轴y轴*/
      width:xx;
       height:xx;
        background-image:url() no-repeat;
       background-position:-x -y；/*一般除了0都是负的，图片上移*/
}

滑动门(weixin.qq.com 导航栏）

结构：<a><span>xx</span></a>