我在某处读到css精灵比使用简单图像更好.那个怎么样 ？我也是 Html的新手,所以有人能告诉我css是如何工作的,给我一个简单的css精灵示例吗？ 这是完整的代码.复制并粘贴到记事本中并
image.gif适用于大型的,而trans.gif适用于小型的.
<html>
<head>
<title>Image Sprites</title>
<style type="text/css">
img.sprite
{
width:46px;
height:44px;
background:url(image.gif) 0px 0px;
}
.sprite:hover
{
background: url(image.gif) 0px 44px;
}
</style>
</head>
<body>
<img class="sprite" src="trans.gif" />
</body>
</html>
> image.gif on imgur
> trans.gif on imgur (1×1 pixels)
简单来说,CSS精灵只使用一个图像而不是多个图像.因此,代替来自服务器的许多图像请求,仅发送单个请求.