提供Discuz ,ECShop ,PHPCMS ,帝国CMS ,CSS教程 ,PHP教程 ,DedeCMS ,WordPress ,HTML教程等cms问题查询.
当前位置: CSS教程 > css sprites怎样运用?【css教程】,css sprites

CSS Sprites在国内许多人叫css精灵,是一种网页图片运用处理方式。它许可你将一个页面涉及到的一切零碎图片都包含到一张大图中去,这样一来,当接见该页面时,载入的图片就不会像之前那样一幅一幅地逐步显示出来了。

CSS运用方法

CSS Sprites实在就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的“background-image”,“background- repeat”,“background-position”的组合举行背景定位,background-position可以用数字准确的定位出背景图片的位置。

在网页接见中,客户端每须要接见一张图片都邑向服务器发送要求,所以,接见的图片数目越多,要求次数也就越多,形成耽误的可能性也就越大。

所以,CSS Sprites手艺加快的症结,并非下降质量,而是削减个数,固然随之而来的增添内存斲丧,CSS Sprites图片烦琐的合成等瑕玷在网站机能的提拔前,也就不足为道了。

css sprites 适用范围:

1,须要经由过程下降http要求数完成网页加快。

2,网页中含有大批小图标。或许,某些图标通用性很强。

3,网页中有须要预载的图片。主假如a与a:hover背景图这类关联的。假如a与a:hover的背景图离别加载,那末,就会涌现用户鼠标移到某个按钮上,按钮的背景倏忽消逝再出来,发生“闪灼”,假如按钮笔墨色与大背景雷同或邻近,就更囧了,有可能让人发生按钮“消逝”了的错觉。

须要满足的前提

在网页设想中,经由过程这项手艺拼合在一起的图片最好有一项规律。定宽或许定高。最好是宽高都能定下来。须要平铺的图片,明显不适合sprite。

如上图的buttons,就属于定宽定高的状况。

定宽状况下,则可平行分列多少小图片。定高,则纵向分列小图片。

若背景既不定宽,也不定高状况下强行运用css sprites手艺,则轻易发生“不应该涌现的图片涌现在页面上”的状况。如果“强行定高”,也将异常不利于往后的保护。

以上就是css sprites怎样运用?的细致内容,更多请关注ki4网别的相干文章!

「梦想一旦被付诸行动,就会变得神圣,如果觉得我的文章对您有用,请帮助本站成长」

分享到:
赞(0) 打赏

支付宝扫一扫打赏

微信扫一扫打赏

标签:

上一篇:

下一篇:

相关推荐

0 条评论关于"css sprites怎样运用?【css教程】,css sprites"

最新评论

    暂无留言哦~~

博客简介

看古风美女插画Cos小姐姐,素材合集图集打包下载:炫龙网,好看二次元插画应有尽有,唯美小姐姐等你来。

友情链接

他们同样是一群网虫,却不是每天泡在网上游走在淘宝和网游之间、刷着本来就快要透支的信用卡。他们或许没有踏出国门一步,但同学却不局限在一国一校,而是遍及全球!申请交换友链

服务热线:
 

 QQ在线交流

 旺旺在线