77.尚硅谷_HTML&CSS基础_按钮练习.avi原创

这边呢，我们来先写这么一个，你们先看看吧，我这里边有这么几个图片，诶我们发现什么呢？我这有三个图片啊，把这三个图片CTRLC给它粘到我们这个MG下边，给它创建一个新的文件夹啊，我们叫一个这个BTN把图片粘进来，诶你们发现我这有三个图片来进这来了，右键打开文件锁源目录，诶有三个图片，你发现这三个图片比较有意思，是三个什么呀，这三个按钮吧，那三个按钮这正好是一个按钮的图片，那我们现在想了，那既然我这有按钮图片，我能不能把这个按钮的图片作为我一个东西的一个，诶把它在我页面里，能把它当成一个按钮给它引入呢？对吧？哎，把它作为一个页面里边的按钮给它引入，那这按钮我能不能在页面里去用啊，那首先第一个，那我们这按钮我是不是得我可以干嘛呀，我可以作为一个背景，是不是设置，我设置为我们这个元素的背景图片啊，那这样我元素长得是不是就跟一个按钮一样啊，诶按钮一样，那我们来看看这里边我们怎么来实现这个功能。

那我这边来整这么一个练习，练习我们来一个零九来什么呢？来一个这个就叫练习吧，那这里边我们来创建一个，那我们现在说了，我想在页面里创建一个这么样一个按钮，这个按钮叫一个什么呀？叫做一个link，点一个PNG啊link.PNNG，我想创建一个按钮，那我要创建按钮的话，我就得把这个按钮这个图片作为一个元素的一个背景图片，那现在问题就出来了。我用什么元素合适，咱们先说我用个div合不合适，用div合不合适div关键它是什么问题啊，这回不能点吧，你点完了以后人家压根不理你是吧，除非你用个这个，呃，这个GS给他绑定点东西，不然他一般情况下是不搭理你的是吧？所以这东西最好我们绑定一个什么呀，是不是绑定给一个能点的，或者点完了以后是不是有反应的呀，那么说现在我唯一学了一个点完有反应就是谁呀，诶超链接，所以现在呢，我我们基本上也没什么选择，只能干嘛呀，设置给超链接，所以这里边我们需要先来干嘛呢？先来创建这么一个超链接，创建一个超链接，直接来一个A标签，然后这来一个井号，这来写个字吧，诶一个超链接，超链接，我们这儿给它来一个class，就叫一个什么呀，叫一个B填，哎保存现在CTRL运行，这是不是出来一超链接啊，但是这超链接你这样整不成，我们得干嘛呀。

我是不是得给他设置一个这个背景背景图片啊，哎，背景图片来，那这里边我们来看设置背景图片，那我们来这写一个style标签为我们这个超链接来设置背景图片，直接点一个什么呀，点一个必天必天我这来一个background一个image背景图片，我们来一个URL来什么呢？我们叫做一个BT下边这个什么呀，Link啊，BT下边这个link我这一保存，咱们来看效果一刷新走你诶诶。背景图片是确实设置上是吧，但是大小是不是不对劲啊，是太小了呀，哎太小了，那我们来干嘛呀，咱们让超链接大点吧，外来一个500害来一个什么呀，400，哎咱们大一点，咱们有的是地儿是吧，有的是地儿来我这一刷新走你哎呦哎为啥呀，它是内敛元素吧，哎所以第一件事其实我们就应该先干嘛呀，诶将我们这个A转换为块元素啊，直接来一个display，来一个这个lo，诶然后呢，这我们来整一个。

注释啊，这是设置我们这个宽高啊，设置宽高，然后下边是我们这个设置我们这个背景图片，当然这里边注意啊，我们说是不是我说设置为矿元素是就是迪display block是我的唯一选择呀，我可以让什么呀，我让它，诶in LA block我可以让它浮动啊，诶可以让它浮动，或者我可以干嘛，我可以让它绝对定位是不是也行啊，哎，我们说了脱离文档流以后，它是不是也变成快元素了，诶多种方式啊，当然in赖block也行啊，也行，来我这设置完了一刷新走你哎呦妈呀，是比刚才那个还密集是吧？哎，还密集问题在哪？是太多了呀，哎，太多了，那咱们先把这字去了，这字就显得有点多余了是吧？哎，字就给它去了吧，把这个字给它去了，我们说了一保存，现在是这个效果按钮太多了，我们来干嘛呀，设置我们这个背景图片干嘛呀，不重复，但是也会有问题，诶设置我们这个背景图片不重复。

直接来一个我们叫做一个background，一个这个哎，Repeat，我们来一个no repeat保存不一刷新走你诶是不是很完美啊，但是真的完美吗？哎，像这种东西，如果你晚上一个人的时候就就很可怕了，因为很可怕的，你像上这么一网站，你发现你鼠标在这一转往这一一咦，什么效果，这空白的地是不是也可以点呀，哎晚上就容易以为什么了，玩意闹鬼了是吧？哎这玩意儿白的地方你然能点这这这整其实上什么呀，我们整个超链接它这个是不是这么大个啊，所以我超链接是不是设置太大了呀，那我超链接应该设置多大呀，跟按钮哎是不是按钮多大，我传链接就应该多大呀，哎呀，那所以我们来看看按钮多大呗，按钮我们来看看，把这给它删了，叫一个什么呀？一都删大了，这叫做一个这个link.pind叫什么呀？93是不是乘以二九啊，哎，我这大太多了是吧，所以这里边我这个宽度应该。

它也是什么呀，也是93高度应该也是什么呀，二九这回一保存再刷新走，你是不是就没事了，只有什么呀，只有进来时才能点呀，哎，只有进来才能点啊这么一个按钮我们就设置完了，实际上你在这个网站上看的按钮其实都是什么呀，这么一个图片啊，这么一个图片，但是这个图片虽然是设置完了，但是我们会发现这个效果其实不是很好，为什么不是很好啊，这这这放上去以后是这除了变成小手以后，这个图片是不是没有任何变化呀，我希什么呀，我一放上去你这个你这按钮可以干嘛呀，诶发光对吧，诶嘛呀，亮一点，让我感觉我这鼠标是不放上去了呀，哎，放上去了哎或者干嘛呢，现在我是不是可以去点击这个按钮啊，你会发现我点击的时候干嘛呀，是不是也没有反应啊，我希望当我鼠标点击这按钮时，按钮干嘛呀，让我有一个就别发光了是吧，都发光就没意思了，有一什么呀，有一个摁下去那种感觉吧，那这事我怎么办呀。

诶，那我会发现什么呢？实际上除了这个按钮图片，我这是不是还有两个呀？诶你看我这叫link，这叫什么呀，后味，你看这后味是不是有点发光啊，哎淡淡的光是吧？哎淡淡的光啊，你看这个就是比较黑，这干嘛了，是不就发光了，哎发光了然后再看往后还有一个，还有一个图片叫什么呀，叫挨屁股，你看是不是就一个摁下去效我呀，诶那我这一想，那我可以这样啊，诶当我这个超链接没碰的时候，我就让它干嘛呀，这么显示，当我超链接一路的时候，我说你发光啊，哎当你按下去的时候，我是不是让你诶点击那个按下去那个效果呀，哎按下去那个效果，那所以干嘛呀，诶我是不是在A的不同的尾类给它设置不同的背景图片啊，诶，那所以这里边我们就需要用到什么，哎，我们那个尾类了，那我们这个状态应该给谁，是不是应该是一个link呀，哎，Link，那我们再来整当，诶这是我们这个普通的状态，我们再来一个必拼来一个什么呀，Ho ho的。

时候其实我们用不用动，别的都不用动，我们只需要换一个什么呀，哎是不是换一个这个背景图片啊，哎背景图片我们就不要另开了，后边的时候换一谁呢？哎就叫什么呀，后点PG啊后点PG，然后再来复制，当它是什么呢？当它是这个active的时候，Active的时候换一什么呀？哎，Active点偏离是不是就行了呀？哎每一个尾类我换一个不同的图片，我这个动态效果是不是出来了，哎咱们看看行不行来刷新现在正常的情况对吧？诶当我移路走你是不是发光了，哎就发光了，有一个这个这个光圈是吧？哎，有一个光圈，然后当我这一点走你。

是不是黑是不是黑了呀，哎，干嘛了，是不是摁下去了，诶摁下去这么一个效果是吧，当然这个效果可能一般用户都注意不到是吧？诶然这个东西呢，我们说诶比刚才那种体验是不是就好多了呀，哎至少已经有一些什么了，交互了啊有些交互了，所以以后我们再做一些这种动态按钮，实际上都可以干嘛呀，都可以采用这种A的伪类来设置，当它后的时候，我换一个背景图片，当它这个active的时候，我是不是再换一张啊，哎，我再换一张，但是其实我这么设置吧，它有点小问题，诶刚才同学有有同学注意到了，现在我这块一入的时候，你看这是是不是很流畅啊，一点问题也没有，但是注意啊，我这刷新一下，刷新是不是意味着我重新访问的呀？哎，咱们再看啊，现在看着啊，我把鼠标移入。看见了吗？咱们眼神都比较好是吧？看你看啥情况了吧，他是不是闪了一下啊，当我第一次移过的时候看是白了一下吧，然后再移入时候没事了呀，哎，当我第一次移入的时候，他却白了一下，这这没白，这能看出来吧？哎，能看出来啊，能看出去那就不用解释了是吧？哎哎，那包括什么呀，我这一点看着啊，我这一点走这这好像没白是吧？白了是吧？那我没看出来是吧？哎，反正你注意啊，当我们这个图片第一次切换的时候，它会有一个什么呀，闪烁对吧？哎，闪烁，那这是为什么呀？咱们先说这东西好不好啊，哎，其实大哟呵，这还白大发了是吧？诶来闪大咱们闪这么长时间是吧？哎，那咱们会发现什么呢？我们先来说一下这个情况啊，这种情况，诶做完这个什么呢？做完这个功能以后，诶发现什么呢，发现在我们。

第一次干嘛呢？诶切换图片，诶我们什么时候切换图片，是不是当我触发那个后边就切换图片了，诶当我第一次切换图片的时候，我们发现什么呀，我们发现图片会有什么呀？诶第一次切换图片时会什么呢呀，诶会发现我们这个图片有一个什么呀？诶有一个这个诶有一个诶非常哎的一个什么呀，闪烁啊非踌的闪烁，换句话说，这个闪烁如果你不注意的话，实际上是什么啊，实际上是看不见的是吧？诶实际上是看不见的，但是我们说了，那对于我们说这个要求非常完美的人来说。

这一块闪烁是不是会给我们用户带来一个不是不是很好的一个体验啊，哎，不是很好的一个体验，那所以说什么呢？哎，我们说这个闪烁会什么呢？诶会造成什么呀，诶一次诶不佳的一个什么呀，诶用户体验啊，不佳的这个用户体验，那我们现在想想我们要怎么去解决这个问题，那我们要解决问题，我们现在干嘛？诶我们是不是得先要分析为什么去，为什么会产生这个问题啊，哎，为什么会产生这个问题，那我们来先说一下什么呢？产生我们这个闪产烁问题的一个原因，产生我们这个问题的一个原因，为什么会产生呢？我们来说一下，那我们来说我们这个背景图片是什么呀？是以这个什么呀，哎，外部诶资源的这个形式干嘛呀，诶形式诶加载进什么呀，加载进网页的啊，是以外部资源的形式加载进网页网页的，也就是说我这个图片是不是直接。

给到这个页面里的呀，不是这是一什么呀，外部的一个资源吧，哎，外部一个资源，那我们说了，我们的浏览器每加载一个外部资源干嘛呢？哎，就需要单独的发送一次请求，什么意思？那我们说了，我们去访问一个网站的时候，我们是不是向那个网站的服务器去发请求啊，好，那现在假设我访问的是一个网站的这个页面，我一返完了，我向这个网站发了一个请求，发完请求呢，网站会给我返回什么呀？返回响应，那他给我返回的响应只是什么呀？只是我当前的这个什么呀，页面并不包含这些什么呀，外部资源啊，并不包含这个外部资源，所以你看我这个link png是一个什么呀？是一个外部资源，也就说这个图片我们的浏览器需要单独再发一次请求啊，单独再发一次请求，也就是说假设。

我们这个网站里边，网页里边有一个外部资源，我浏览器需要发几个请求？诶需要发两次请求，两两次，我网页本身还有这个什么呀，是外部资源呀，假如说我有什么呀，我有100个外部资源，我需要发几个请求？诶是不是101个呀？诶101个，我需要当前网页发一个请求，然后那100个外部资源是不是每一个发一个请求啊？哎，那我这里边有几个外部资源啊，是不是三个呀？那也就是说我这个出要发几次请求啊？哎，四次请求除了外部资源还有网页本身吧，哎，要发四次请求啊，要发四请求，那同学说这发四次请求就发四次呗，对吧，咱们网速很快发呗，对吧，但是有问题了，那我问你，我这四次请求是不是同时发的？诶，咱们不管那次，我们只说这三次，这三次请求是不是同时发的，诶不是啊不是，诶那我们来说，但是什么呢？但是我们的这个外部资源并不是什么呢，同时加载的什么意思呀，浏览器会在什么呢。

啊，资源被使用时才干嘛呀，采取加载资源啊，采取加载资源，那我们现在来看，我一上来的时候，我这个超链接它有没有出来处在这个后状态啊，有没有处在这个SQ状态啊，没有一上来是不是只是另一个状态啊，所以后里边这个图片，还有active这里边这个图片他用吗？不用吧，哎，不用，所以诸位一上来的时候，实际上它只加载了谁link这个whole还有active to实际上干嘛呀，没有处理啊，没有去加载啊，没有加载啊所以说什么呢？哎，我们这个练习一上来浏览器只会加载什么呀，我们这个诶link.P率由于什么呢？由于我们这个ho和这个act的什么呀，状态没有什么呀，哎，状态之旺状。

和海泰没有什么呢，没有马上触发，所以什么呢？所以我们叫还有一个图标叫什么呀，叫做ho.pd和什么呢，和我们这个。叫什么active actvac actvac.pg，没有什么呀，并不是立减加载的啊，并不是立接载的什么意思，我们来看现在我一刷新访问页面，我这个按钮有没有处于ho或者active没有，所以我们那个叫什么呀，ho.pnt和x.TPD，我们这什么呀，浏览器压根就没有什么呀，没有加载啊，没有加载，那我们来说了，那什么时候加载呢？哎，当诶当我们这个hover被什么呀被触发时。

什么呀？哎，我们浏览器才去加载我们什么呀？诶hover.png当什么呢？当我们这个editittive被触发时，浏览器采取加载我们这个act.pd所以注意后果什么时候加载的，诶当我鼠标要移入了，马上就要移入了，当我移入的那一刻干嘛呢？他去加载图片了啊，他就加载图片了，但是注意即使他的网速再快，他是不是也要发请求接收响应啊，那么想想他这个中间是不是有一个时间差呀，那注意这一段时间我这个whole图片有没有呢？是不是还没有呢呀，没有的时候发现什么了，它这个背景图片顿时是一什么呀，是一个什么呀，没有就跟这个两个人站岗，中间换岗的时候，他有一个真空的状态吧，这时候那个刚走，那个还干嘛呢，还没来呢，所以发现干嘛了是。

白白了一下啊，诶白了一下，为什么白了一下，因为我那个背景图片还没有干嘛呢，还没加载呢，那这个东西如果你给它设置一个红色的背景，你可能看的会比较的明显，Background color来一个什么呢？Red我一保存一刷新，诶你看是要看就非常的明显了，诶它会中要一个什么呀？红色一个过程啊红色一个过程啊好，那这里边我们来说了这个问题产生原因知道了吧，诶那我这ST我什么时候加载的呀。我是不是点的时候加载的呀，同样我点的它们之间是不是也有一个时间差呀，哎，也有个时间差啊，所以这里边我们来说由于什么呢？由于。

加载图片需要什么呀，需要一定的时间啊，需要一定时间，所以什么呢？所以在什么呀？诶在加载和显示过程中，哎显示过程中哎会有一段时间，诶背景图片干嘛呀，无法显示啊，无法显示导致出现什么呀，出现我们这个呀，哎闪烁的情况啊闪烁的情况哎但是这个还好，这个还算我们网速比较快是吧？哎网速比较快你应该降领，网速差的网络差的你搁上干完了白了半天不出来是吧？哎白天不出来因为什么呀，网速太慢了，压根就没带没带脸出来了，但注意那为什么我第二次I no就没了，哎我第二次再访问这个图片是不是已经加载好了呀，它直接用那个缓存是不是行了呀？哎缓存就行了啊，那现在我们来说问题的原因，我们已经知道了。就是因为。

它加载的时候有一个时间差对吧？哎，那我们怎么去解决这个问题，怎么解决问题？诶那我们这一想，现在问题的关键是我的ho.pnd，我的active.pnd，还有我的这个link.PND，它是分三次加载的吧，那我一想，如果我让这三个图片同时加载，那是不是就没有这问题了呀？诶，那关键是这是三个图片，我怎么同时加载，没办法，三个图片没有办法同时加载，你三个图片肯定要至少得分三个请求，三个图片不行，诶那我一个图片行不行？来我们来看看，刚才我这还有一个图片，这哥们呢，长得比较比较怪异是吧，发现什么了诶。这哥们是不是里边有三个按钮啊，第一个是我们那个link，第二个是我们那个诶，Ho，第三个是我们那个active active这是干嘛呀，这张图片是将我们这个三个按钮是不是整合成了一张图片啊，那们想想，如果我采用这个图片，那我们说了这个图片里同时包含了三个按钮，那是不是就一块加载了，诶一块加载来我们来看看，直接把它复制过来，CTRLCCTRL，喂，是不是粘过来了，来咱们这里边我就不用这个link了，改一谁呢？B拼啊B拼来咱们把下边都换成什么呀？B拼啊，换成B拼，其实我换不换都无所谓了，你发现它是是没变化呀，什么变化保存我这一刷新看它闪不闪了啊，一保存咱们来看走你诶是不是不闪了呀？哎，非常的完美是吧？哎，非常的完美，但是又带来问题了，他不闪是不闪了，是不是没有变化？

了，为啥没有变化了，哎，现在我用的是不是都是同一张图片啊？诶，而注意了，我们这个div是我们这个BTN是多大的，是不是正好是一个按钮的大小啊，我们说呢，默认会显示左上角吧，所以默认只显示谁呀？是不是只显示第一个呀？那我们现在希望什么呀？当你是一个后的时候，你是不是显示第二个图片啊？哎，那我怎么让它显示第二个图片？哎，我是不是把图片水平方向往往左移啊，哎，往左移，那我们来说一下啊，那我们来说当我们是后的时候，我们需要干嘛呀？当是什么呀？哎，Hover状态时，我们希望什么呢？我们希望这个图片可以干嘛呀？哎，向左移动，那我们先说我用不用换图片，不用换图片，所以这个东西我压根就满了，我是不是不用设置啊，哎，不用换图片，我只需要是不是移动背景图片啊，那移动背景图片怎么移动，哎，是不是。

格的一个否对呀，哎，我要往左移，往左移水平方向垂垂直方向用不用动不用动，那水平方向是正直复制，哎负值，比如说我来一个负十个项数，我随便写一个啊，来一个大一点吧，负50，咱们待会再去算这个数啊，然后第二个值垂直方向不用动，来一个什么呀，零是不是就OK了，来这个看效果能不能动，一刷新走你。

诶诶是不是确实动了呀，哎挺好，但是问题是什么呀？我这是不是动少了呀，我是不是应该还得移这么多呀？哎来我再大一点，大一点来个60，我这么改的行不行呢？我这我这一刷新一移动还是小，那这距离我设置多少合适啊？哎，我是不是应该正好是移动这么一个按钮的一个距离啊，诶那一个按钮的距离是多大呀？是不是正好是一个这个A的宽度啊，诶所以直接来一什么呀，还一个负93是不是就OK了呀？诶来这回再保存，你再看一刷新来移动。

是不是就变了，哎就变了啊，所以这里边我们这个效果是不是出来了呀？哎，那再来看我再一点走，哎呦点时候又没变化了呀，为什么呀？哎点的时候是不是还没有移呢呀，诶那点的时候同样我也不用设置我们这个背景图片了，那我们来说，诶，当我们这个也是当时我们这个SQ5时状态的时候，我们需要什么图片干嘛呀，是不是再向左移动啊哎再向左移动，那这回完了我们移动还是93吗？哎，我们说了后我是移动一个，而X我是不是要移动什么，两个是不是移动到这了呀，移动一个是93，移动两个呢，是不是93乘以二啊，是一个负的18186吧，哎，186我这一保存，现在一刷新。诶点点是不是就OK了呀？哎，你看这边还闪不闪了，是不是就不闪了呀？哎，就不闪了啊所以注意我们说了，诶我们这个background position经常使用赋值，用来干嘛就是来干嘛呀，哎就是来干这个啊，就来干这个，诶我们来简单说一下，我们看他做了什么啊，我们做什么，这个看懂了吗？哎，我们说解决为了，诶为了解决什么呢？解决我们这个该问题，我们可以干嘛呢？哎，我们可以将三个图片干嘛呢？哎，整合成什么呀？哎整合为一张图片，哎整合为什么呢？整合为一张图片，那整合为一张图片的好处是什么呀？是不是同时都原来呀？诶这样可以什么呢？可以同时干嘛呢？诶同时将我们这个三张图片干嘛呀？诶三张图片一起加载就什么呀？诶，就不会出现什么呀，出现我们这个。

哎，闪烁的什么呀？哎，闪烁的问题了啊，就不会出现闪烁的这个问题了啊，那还有什么呀，然后什么呀，你光整合你不改别的行不行啊不行，你光整合，那你是刚才我们看这效果，你整合完了以后，显示的效果是不是都一样的呀，然后干嘛呀，然后再通过我们什么呀，这个background来干嘛呀，来切换要显示的什么呀，显示的图片的一个位置吧，诶再通过background position background position来切换要显示的图片的位置，当我是link的时候，我显示的是什么呀？第一个当我是ho的时候，我显什么呀？第二个当我是什么呀？诶MP的时候是不是显示第三个呀，诶将再通过我们这个background position来切换我们这个图片显示一个位置，那我们说这种技术我们叫什么呢？叫做一个什么呀，诶图片整合技术啊，将多个图片整合到一起，或者叫什么呀，叫做CSS。

SP啊CSSPSP什么意思呀？叫精灵或者说叫什么呀？雪碧啊，雪碧或者叫什么呀，叫CS的雪碧，那像这个图我们称为什么呀？叫做一个雪碧图啊，叫做一个雪碧图，将多个图片给它整合到一起啊，将多个图片给它整合到一起，诶那整合完了以后，我们再通过我们这个background position是不是来切换这个图片的显示啊，哎，那我们来说这个东西它有什么，有什么优点啊，有什么优点啊？诶我们来一个一个说将将多个图片整合到什么呀？哎，整合到一张，整合为一张图片，诶我们说么呀，诶浏览器只需要发送一次请求，可以什么呀？哎，可以什么呀，可以同时加载多个图片，那我问你，我是发一次请求快，我还是发十次请求快？

是不是肯定一次性兑换呀，诶肯定是一次性换啊，可以同时加载多个图片什么呀，诶提高了我们这个访问的一个什么呀，诶效率啊，效率其实就什么呀，增加了我们这个用户的一个什么呀，体验啊，提高了我们这个用户的一个体验，其实这个东西其实作用就一个就是干嘛呀，提高我们这个用户体验啊，提高我们用户的体验，诶这是一个减少了我们这个发送的什么呀，请求的次数，然后还有什么呢？再来看，来把我们这图片打开，我们先来看啊，我们这三个图片，三个图片都选中，我们来看它总大小，总大小是一个什么呀，16.6K，诶看它。

9.83K，你看我这个图片是不是比这三张图片加一块要小啊，诶要小我们来说还有一个特点叫什么呢？将多个图片整合为什么呀，整合为一张图片干嘛呢？诶减小了我们什么呀，图片的一个什么呀？总大小啊，减小了一个图片总大小，那么说总大小小了我们是不是又。提高我们这个效率啊，诶也是提高了我们这个请求的什么呀，请求的这个速度也是什么呀，诶增加了我们这个用户体验啊，增加我们用户体验，诶其实都是一个都是什么呀，为了这个用户体验，那其实你们有没什么问题，为什么这图片是一样的吧，为什么放到一起了以后大小就变了呢。

诶像素是一样的，诶它后来干嘛呀，咱们简单说一下啊，那这里边实际上干嘛呢？这就是涉及到我们图片一个保存了，每一个图片保存，它都会在那个文件里会有一个什么呀，会有一个颜色表这么一个类似这么一个东西，什么叫颜色表啊，也就是我这个图片里它要用几种颜色吧，诶会整一个表去保存这个东西，那我们说了，我有三个图片，我需要干嘛呀，我是不是需要保存三个颜色表啊，每个图片一个，每个图片一个，但是当我把这三个图片给他干嘛了呀，给它整合到一起了以后，我们说了，是不是相当于我只需要用一个颜色表啊，那这个大小就是干嘛呀，就是颜色表省的这个什么呀，诶省的这个空间啊，就是颜色表省的这个空间好，那这个呢，就是我们说这叫什么呀，图片整合的一个技术啊，简单的说一下这优点其实整体来说就是什么呀，提高了我们用户的一个什么呀，访问的一个效率啊，访问的一个效率好，那这个呢，是我们说到这一块，我们先来停一下啊，先来停一下。