您的位置:首页 > Web前端 > CSS

CSS sprite注意事项

2016-02-20 14:02 429 查看
在网站中,图片的家长会发出HTTP请求,一张图片需要一条HTTP请求,如果一个页面需要加载多张图片,那么会相应的发出多条HTTP请求。HTTP请求书越多,访问服务器的次数就越多,服务器的压力越大。css sprite技术将多张图片合并成一张大图,减少网页HTTP请求数和服务器也来。

但是在使用css sprite中,我们需要注意以下几点:

1、合并的智能是用于背景的图片,对于<img src=""/>设置的图片,无法合并到大图中的。

2、对于横向和纵向都平铺的图片,也不能使用css sprite.

横向平铺时,则需要让该图独占一行

纵向平铺时,则需要让该图独占一列

css sprite有好处,同时也有降低开发效率,维护难的缺点。

由于制作时需要精确量取,会降低开发效果。

更换图像时,会出现维护难。

使用:图片较少更换的情况,且开发时间充足。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: