当前位置: 网站建设 > 网页设计 > 建站经验 >

什么是CSS Sprite技术

时间:2013-03-02 03:51来源:未知 作者:admin 点击:

标签:什么是CSS Sprite技术 什么(38)技术(20)sprite(2)Sprit(1)Tag(145)CSS(655)
Tag:CSS Sprite 技术 CSS Sprite 技术 CSS Sprite是如何在一张图片中聚集多张零碎图片的呢?请看图一、图二、图三, 交互设计指南 一次点击 ,它们分辨是google、土豆网跟搜狗网顶用到CSS Sprite技巧的背景图片。 它们利用有限的图片空间将多张小图片结合于
什么是CSS Sprite技术》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/030233I32013.htm

 

Tag:CSS  ,什么是css sprites; Sprite   技术   CSS   Sprite   技术  ,什么是CPM、CPC、CPA、CPS广告;

 ,交互,使用,交互设计和可用性;

 

 CSS Sprite是如何在一张图片中聚集多张零碎图片的呢?请看图一、图二、图三,交互设计指南 一次点击,它们分辨是google、土豆网跟搜狗网顶用到CSS Sprite技巧的背景图片。

它们利用有限的图片空间将多张小图片结合于其中,然后使用CSS背景定位技术将固定宽度和高度的图片作为背景显示出来。

CSS Sprite有三个简略的利用:

1.减少图片限度——就是将多个类似图片综合在一张图片里,CSS Sprite的重要做用,交互设计分析 通过设计减少用户的出错,以尽量减少图片数目为条件,五维指标体系 全面诊断电子商务网站运营状况

2.单图转动——即在一张图片中把多种状态合并,而后再应用CSS定位背景图技术模仿动态效果,五种常见的网页布局。就像图二中的高低箭头一样,在默认状况下使用背景图的下箭头局部,鼠标悬浮或点击后使用背景图中的上箭头部门。

3.延伸背景&mdash,五种令人印象深刻的网页头部设计;—假如页面中存在平铺背景图的后果,并且带有边角,五步塑造你网站的可信度,能够在一张图片中联合平铺的背景和边角,再应用CSS背景定位实现,例如图二中最顶部的背景条。

CSS Sprite技术必需在实战中才干总结和领会,所以只有常常勤于着手就可以很快进步本人的CSS Sprite技术。

CSS Sprite是一种利用CSS特征对网页中图片进行的特别处置的应用方法,主要是将多张零星图片综合到一张图片中。这样做的利益是可以减少用户阅读网页时对服务器的恳求数,减少服务器负载,到达优化网站的目标。目前多内外有名网站都在使用这种技术,五个方面促进你写出更加专业的CSS代码

--> [网站建设之]什么是CSS Sprite技术


(责任编辑:网站建设)
什么是CSS Sprite技术相关文章
上一篇:什么是css sprites 下一篇:什么是css
回到顶部