什么是CSS中的精灵技术
答
他们很酷，因为你可以最小化HTTP请求与他们，并使您的网页的性能改善。他们在SEO方面也被认为是好的。看看本作的详细信息：
CSS Sprites: What They Are, Why They’re Cool, and How To Use Them
答
This page给出了一个很好的概述。
本质上，它将所有页面的图像放入一个大图像文件，然后使用CSS仅显示该文件的部分内容（以提供多个图像的效果）。这具有只需要浏览器对所有图像发出一个请求而不是一堆单独请求（每个请求都有开销）的优点。
答
如果你有一群例如图标，您要创建一个JPG或PNG文件，并添加图像此起彼伏。然后，您仅基于一个图像创建背景并以百分比/像素视图进行修复。它使您的代码组织起来并节省图像加载时间。例如，你有一个窗口，它有一个接近，展开的图标。你可以创建一个名为windowControlSprite.png的png文件，它包含两个图标，然后你可以在你的css中创建这个元素的属性。 #somediv {背景位置：0像素-20px;}
答
此外，您还可以使用工具很容易地找到CSS精灵的X和Y像http://www.getspritexy.com/
否则，你需要使用图像编辑工具，如Photoshop或使用Firebug发现X和Y坐标。