|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
学习这篇入门教程之前,请确定你已经具有了一定的HTML基础。
破洛洛文章简介:并非说CSS-sprite手艺欠好,只是甚么时分必要用,甚么时分不必要用,不克不及够混为一谈的跟风,看人家网易用了,你也用!
最入手下手的时分,图片都是一张一张独自存在,必要哪张,就发送http哀求来挪用,跟着工夫的推移,background-position的使用,又衰亡了css-sprite这类手艺,一时之间人人都在自觉跟风,以为不如许做就不敷专业,大概手艺不敷好等。
css-sprite是把一切用于网页背景的图片,拼合在一张年夜图以内,然后经由过程背景图定位的办法,来把持显现本人必要的那张图。可是不是一切的图片都合用css-sprite,比方网页内的图片,大概是必要反复平展的图片。而且,这类年夜图一旦兼并今后,假如今后再要修正个中的某一个图片,就要牵一发而动满身,假如只是复杂色彩改动,也许还略微简单一些,可是假如年夜图内的某些元素的尺寸变更了,就必要从头举行兼并了,而且大概会招致其他图片的地位产生变更,从而演化成调剂一个图片,还要同时调剂年夜图内的其他图片,而且要调剂css的background-position的数值。
并非说css-sprite手艺欠好,只是甚么时分必要用,甚么时分不必要用,不克不及够混为一谈的跟风,看人家网易用了,你也用!
css-sprite合用的前提:
1.网站的开辟已终了,包含功效,模块,交互,程序,都已重复测试,就差公布;
2.网站已趋于完善,不会再三天两端的修改,不克不及说明天上线了,今天以为按钮太小了,要调剂,后天以为按钮太年夜了要调剂;
3.你的网站流量很年夜,必要只管削减http的哀求次数;
css-sprite也并非像看起来那末复杂的,只是单一的把图片拼合在年夜图上那末复杂,起首你应当思索,那些图片是必要每一个页面都要引进的,这些图片能够拼合到一张年夜图中,而那些只要一般页面才必要挪用的图片,则不合适也加在年夜图内里,不然你的http哀求次数切实其实是小了,可是某些图片实在在某些页面是不必要用到的,可是你放在一张年夜图内里,用户仍是必要往加载,形成了网速的包袱。
别的,关于一些小公司,做一个产物没有一个公道的构想乃至框架,想到那里就让人往做,想一步做一步,做一步改一步,改完一步,再改一步,改来改往没有终极敲定的,这个时分假如一入手下手就利用css-sprite拼合图片,无疑给本人形成了伟大的困扰,增添了很多的事情量。以是最好是,比及产物已完整敲定,测试没有成绩,能够上线公布了,再往拼合图片。</p>
结构清晰,容易被搜索引擎搜索到,天生优化了seo |
|