css sprites支持是一种

CSS sprites支持是一种很有用的技术，主要用于减少网页的加载时间和提高用户体验。当一个网页需要显示多个小图标和背景图时，每一个图标和背景图都需要从服务器上请求，这会导致页面加载变慢，而且请求次数也会增加。

CSS sprites是将多个小图标和背景图都合并成一个大图，然后再用CSS的background-position属性来定位每一个小图标和背景图的位置。这样一来，只需要请求一次大图，然后通过CSS来加载和显示每一个小图标和背景图，大大减少了请求次数和网络传输的时间。

为了实现CSS sprites，我们需要先创建一个包含所有小图标和背景图的大图，通常为PNG格式。然后通过CSS设置每一个小图标和背景图的位置和大小。可以使用工具来帮助我们生成CSS代码，如SpriteCow。

.sprite{
    background-image: url(images/sprite.png);
    background-repeat: no-repeat;
    display: inline-block;
}
.icon1{
    background-position: -10px -10px;
    width: 16px;
    height: 16px;
}
.icon2{
    background-position: -30px -10px;
    width: 16px;
    height: 16px;
}

上面的代码定义了一个CSS类.sprite，并设置了背景图为sprite.png，不再重复。然后定义了两个子类.icon1和.icon2，分别表示两个小图标的位置和大小。这样一来，在HTML中只需要使用.sprite类，然后分别使用.icon1和.icon2类来表示每一个小图标的位置和大小即可。

CSS sprites支持是一种优化网页加载和提高用户体验的有效方法，只需要把多个小图标和背景图都合并成一个大图，并通过CSS来设置每一个小图标和背景图的位置和大小即可。这样一来，我们既能减少请求次数，又能提高页面加载速度，让用户享受更好的用户体验。