CSS合并精灵图是将多个小图片合并成一张大图片，以节省网络请求次数，减少网页加载时间，提高网页性能的技术。它可以将多个小图片放在一张大图片上，使用CSS的background-position来定位每个小图片的位置。
CSS合并精灵图的设置方法有以下几点：
- 准备好所有的小图片，将它们放在一张大图片上，并记录每个小图片的位置。
- 在CSS中设置background-image属性，指定合并的大图片的地址。
- 使用background-position属性定位每个小图片的位置。
- 使用background-repeat属性控制小图片的重复。
CSS合并精灵图的技巧有：
- 第一，使用绝对定位的background-position来定位小图片，而不是使用相对定位的background-position。
- 第二，使用background-repeat属性控制小图片的重复，以减少合并的大图片的大小。
- 第三，尽量将小图片放在大图片的角落，以减少大图片的大小。
- 第四，尽量使用小图片，以减少大图片的大小。
- 第五，使用CSS Sprites Generator工具，可以自动生成CSS合并精灵图，并生成CSS代码。
使用CSS合并精灵图可以有效提高网页性能，减少网页加载时间，节省网络请求次数。