Question

div方面的问题

一个站的全部图片。这是什么技术。
样式怎么写的？！

Answer 1

这个是css sprite 也就奥css精灵 、css 雪碧。

其实就是，预先把网站上用到的小图片 合到一张图片上，体积反而会变小，且可以减轻服务器负担，使页面加载速度更快。

具体实现方法

利用css的背景图片定位，在某个有着固定宽高的容器只显示这张图片的一部分。

代码：background: url(图片地址) no-repeat 10px 20px;

这是随便写的，url是图片地址，no-repeat意思是不重复，10px 20px代表着横向和纵向坐标。

以容器的左上角为原点，图片向右或向下移动，数值就是正，向左或向上就是负。

请查看百度百科，里面很详细。

Answer 2

看不明白

Answer 3

这是使用ps切图后保存成html格式。

追问

那他写css了怎么调用啊？这可是一个gif文件啊。

追答

还有一个文件夹 是保存每个切图的图片的，你找找，找不到就要自己切下来了。。。。。

Answer 4

宽度不用PX改用百分比及可得！你还将会遇到高度100%的问题，呵呵
<div class="box">
<div class="box1"></div>
<div class="box2"></div>
<div class="box3"></div>
</div>

这是后台页面最长见的布局了~ 样式你自己写吧~