CSS高级雪碧图插入方法

目录

一什么是雪碧图？

二如何插入雪碧图？

---

一什么是雪碧图？

1.雪碧图是一些比较小的图片，拼接到一起，使用的时候通过小窗口展示出雪碧图的部分，通过此行为可以优化网页结构！！！

二如何插入雪碧图？

1.添加一张雪碧图到你的项目文件中

 

2.在网页中建一个小的视口

 

3.在小时口中导入背景图片

背景图
background-image: url(./img/ToolsIcon.png);
不重复
            background-repeat: no-repeat;
移动
            background-position: 水平 垂直;