图像拼合就是单个图像的集合。
有许多图像的网页可能需要很长事件来加载和生成多个服务器的请求。
使用图像拼合会降低服务器的请求数量,并节省带宽。
图像拼合--创建一个导航列表
<!DOCTYPE html>
<html>
<head>
<title>自学教程(如约智惠.com)</title>
<meta charset="utf-8">
<style>
#navlist {position:relative;}
#navlist li{
margin:0px;
padding:0px;
list-style:none;
position:absolute;
top:0px;
}
#navlist li, #navlist a{
height:44px;
display:block;
}
#home {
left:0px;
width:46px;
background:url('./images/img_navsprites.gif')0 0;
}
#prev {
left:63px;
width:43px;
background:url('./images/img_navsprites.gif')-47px 0;
}
#next {
left:129px;
width:43px;
background:url('./images/img_navsprites.gif')-91px 0;
}
</style>
</head>
<body >
<ul id="navlist"