雪碧图有关知识

1.     background-position  雪碧图

我们的html和css中有三个属性可以向服务器发送请求，src href url。

2.        Overflow

(1)      值Hidden 超出就隐藏

(2)      值Scroll  出现滚动条

Visibility:hidden;  可见的（消失但是占用位置）

Display:none;消失但不占用位置

为什么使用雪碧图？

因为我们使用雪碧图之后，本来需要多次请求的图片，我们一次就请求过来了，然后使用background-position调位置，从而减少了该页面向服务器请求的次数，间接的优化了该页面的性能。