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

css-sprite适用的条件 对css-sprite的理解

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

标签:css-sprite适用的条件 对css-sprite的理解 网页(168)用的(29)理解(13)CSS+DIV(4)css-sprite(1)条件(10)
, CSS+DIV网页重构对比TABLE显著优势 1.网站的开发已经结束,包含功效, CSS+DIV网站优化(seo) ,模块,交互,程序,都已经重复测试,就差发布; Tag:理解 适用 条件 3.你的网站流量很大,需要尽量减少http的请求次数;css-sprite也并不是像看起来那么简单的,
css-sprite适用的条件 对css-sprite的理解》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302331912013.htm
,CSS+DIV网页重构对比TABLE显著优势

1.网站的开发已经结束,包含功效,CSS+DIV网站优化(seo),模块,交互,程序,都已经重复测试,就差发布;

Tag:理解  ,CSS 通过一个样式表区分IE的各个版本; 适用   条件    ,CSS 连接后面加上 表示什么意思;

3.你的网站流量很大,需要尽量减少http的请求次数;css-sprite也并不是像看起来那么简单的,只是单一的把图片拼合在大图上那么简单,首先你应当斟酌,那些图片是需要每个页面都要引入的,CSS 规范书写顺序,这些图片可以拼合到一张大图中,而那些只有个别页面才需要调用的图片,则不合适也加在大图里面,否则你的http要求次数确实是小了,但是某些图片实在在某些页面是不需要用到的,但是你放在一张大图里面,用户仍是需要去加载,造成了网速的累赘。另外,对一些小公司,做一个产品不一个公道的构思甚至框架,想到哪里就让人去做,想一步做一步,CSS 直方图布局示例,做一步改一步,改完一步,再改一步,改来改去没有终极敲定的,这个时候如果一开始就应用css-sprite拼合图片,无疑给自己造成了宏大的困扰,增添了很多的工作量。所以最好是,等到产品已经完整敲定,测试没有问题,能够上线宣布了,再去拼合图片。

2.网站已经趋于完善,不会再三天两头的修改,不能说今天上线了,来日感到按钮太小了,要调整,后天认为按钮太大了要调整;

--> [网站建设之]css-sprite实用的前提:对css-sprite的懂得

最开端的时候,图片都是一张一张独自存在,CSS 性能调优,需要哪张,就发送http恳求来调用,CSS 必知的7个知识点,跟着时光的推移,CSS 常用信息速查手册,background-position的利用,CSS 区分IE版本的三个方法,又崛起了css-sprite这种技术,一时之间大家都在盲目跟风,以为不这样做就不够专业,或者技巧不够好等。css-sprite是把所有用于网页背景的图片,拼合在一张大图之内,而后通过背景图定位的方式,来把持显示本人须要的那张图。然而不是所有的图片都适用css-sprite,例如网页内的图片,或者是需要反复平铺的图片。并且,这种大图一旦合并当前,如果以后再要修正其中的某一个图片,就要牵一发而动全身,如果只是简略色彩转变,或者还略微轻易一些,但是假如大图内的某些元素的尺寸变化了,就需要从新进行合并了,并且可能会导致其余图片的地位产生变更,从而演化成调整一个图片,还要同时调整大图内的其余图片,并且要调剂css的background-position的数值。并不是说css-sprite技术不好,只是什么时候需要用,什么时候不需要用,不可能一律而论的跟风,看人家网易用了,你也用!css-sprite适用的条件:


(责任编辑:网站建设)
css-sprite适用的条件 对css-sprite的理解相关文章
上一篇:CSS+DIV网页重构对比TABLE显著优势 下一篇:CSS11个class与一个id谁的优先级高
回到顶部