今天是仿淘宝的第一天，CSS sprite

今天是仿淘宝首页的第一天，对于刚入前端门的我来说，仿写淘宝首页不是那么的容易，所以第一天我大致把淘宝首页先分类割化成小块，一点一点攻破~吼吼~然后在网上查了些资料，结合自己的想法，初步想好了每个小块的功能怎么实现，但是进展不是很快，只大体完成了顶部导航栏。

白天一整天下来，也没做出什么东西，宝宝有点不开心T_T……但是！！！晚上看CSS书的时候，居然让我get到了一个新技能——CSS sprite，也就是俗称的雪碧图~简直欣喜若狂，马上自己实践做了一个导航栏，总结出来使用sprite的时候，最主要的就是background-position的位置一定要准确，我参考了网上的方法，借助PS软件来进行定位的，方法分享如下~~

1）打开PS软件，在水平和垂直方向各建立两条参考线

2)利用矩形选框工具得到background-position的位置

在右边信息栏里可以看到移动位置的具体数值，如这个图里是W：248px H： 224px，然后就可以根据这个数值调整background-position：-248px -224px；第一个值表示水平方向移动，向左移为负值；第二个值表示垂直方向移动，向上移为负值。 作为一个小白来说，每天都能学到新东西，进步一点，都是很让我开心的~so happy！