一、精灵技术需求
在浏览器中输入网址 , 向服务器发送请求显示某个网页 ,
服务器接受请求 , 将网页数据传递给浏览器 ;
用户访问网站时 , 网页中每张图片都要经过单独请求 , 服务器一次只能传递一张图片给用户浏览器...y 坐标位置开始显示 ,
设置显示大小 : 同时也可以设置显示大小 , 为盒子设置背景图片 , 如果背景图片很大 , 超出盒子的部分不会显示 ;
下面是设置 CSS 精灵图片部分内容为背景的代码...中 , 使用切片工具选中其中的 下载游戏 按钮 ,
先使用切片工具
勾选出一个大概轮廓 ,
然后使用 指针工具 或者 部分选定工具
, 在放大后的界面中微调 ;
最终得到 " 下载游戏 "...按钮的位置和大小 , 该按钮 位置在图片中的 0 , 219 坐标 , 该按钮大小 236 x 128 像素 ;
按钮的大小是 236 x 128 像素 , 因此这里为盒子模型也设置 236 x...0, 219 位置的按钮显示到 0, 0 位置 , 将图片向左移动 0 像素 , 向上移动 219 像素 , 即可达到上述要求 ;
为其设置 background-position 属性为 0 , -