首页 > 试题广场 >

下面有关 CSS sprites 说法错误的是?

[单选题]
下面有关 CSS sprites 说法错误的是?
  • 允许你将一个页面涉及到的所有零星图片都包含到一张大图中去
  • 利用 CSS 的 “background-image”,“background-repeat”,“background-position” 的组合进行背景定位
  • CSS Sprites 虽然增加了总的图片的字节,但是很好地减少网页的 http 请求,从而大大的提高页面的性能
  • CSS Sprites 整理起来更为方便,同一个按钮不同状态的图片也不需要一个个切割出来并个别命名
推荐
C

CSS Sprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。
利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位,background-position可以用数字精确的定位出背景图片的位置。
利用CSS Sprites能很好地减少网页的http请求,从而大大的提高页面的性能,这也是CSS Sprites最大的优点,也是其被广泛传播和应用的主要原因;
CSS Sprites能减少图片的字节,曾经比较过多次3张图片合并成1张图片的字节总是小于这3张图片的字节总和。所以C错误
解决了网页设计师在图片命名上的困扰,只需对一张集合的图片上命名就可以了,不需要对每一个小元素进行命名,从而提高了网页的制作效率。
更换风格方便,只需要在一张或少张图片上修改图片的颜色或样式,整个网页的风格就可以改变。维护起来更加方便。
编辑于 2015-01-12 21:41:57 回复(15)

CSS Sprites

1.简介
CSS Sprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许将一个页面涉及到的所有零星图片都包含到一张大图中, 利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位, 访问页面时避免图片载入缓慢的现象。
2.优点
(1)CSS Sprites能很好地减少网页的http请求,从而大大的提高页面的性能,这是CSS Sprites最大的优点,也是其被广泛传播和应用的主要原因;
(2)CSS Sprites能减少图片的字节;
(3)CSS Sprites解决了网页设计师在图片命名上的困扰,只需对一张集合的图片命名,不需要对每一个小图片进行命名,从而提高了网页制作效率。
(4)CSS Sprites只需要修改一张或少张图片的颜色或样式来改变整个网页的风格。
3.缺点
(1)图片合并麻烦:图片合并时,需要把多张图片有序的合理的合并成一张图片,并留好足够的空间防止版块出现不必要的背景。
(2)图片适应性差:在高分辨的屏幕下自适应页面,若图片不够宽会出现背景断裂。
(3)图片定位繁琐:开发时需要通过工具测量计算每个背景单元的精确位置。
(4)可维护性差:页面背景需要少许改动,可能要修改部分或整张已合并的图片,进而要改动css。在避免改动图片的前提下,又只能(最好)往下追加图片,但这样增加了图片字节。
发表于 2016-05-03 16:58:00 回复(5)
第一个更不对啊,怎么可能所有的图片都压进去,那要是普通的数据图,也是零星图片呢?明显说的不够严谨
发表于 2015-01-30 18:43:45 回复(17)
总字节数不一定的,图片整合的是,会有多余的空白,所以可能会减少,也可能会增加
发表于 2016-08-18 14:06:35 回复(1)
这C应该说增加了总的图片字节哇。。。这样不清不楚的。。很容易让人误解。
发表于 2015-06-24 14:29:20 回复(3)
答案:C
图片的合并可以进行再压缩,不一定增加图片的字节数
发表于 2015-01-28 12:40:32 回复(0)
emmmm... D为啥是对的
发表于 2020-01-08 15:21:24 回复(0)
把多张小图合并为一张大图,总的字节数应该是减少的
发表于 2015-07-12 10:48:00 回复(1)
CSS Sprites能减少图片的字节,曾经比较过多次3张图片合并成1张图片的字节总是小于这3张图片的字节总和。所以C错误
发表于 2018-04-29 12:17:24 回复(1)
C啊,不会减少请求,只是图片请求回来存储在了本地,请求的时候用到了本地的图片,所以会一直发请求!
发表于 2022-01-16 01:44:46 回复(0)
减少了图片的总字节,而不是增加
发表于 2022-01-03 16:44:09 回复(0)


CSS Sprites

1.简介
CSS Sprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许将一个页面涉及到的所有零星图片都包含到一张大图中, 利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位, 访问页面时避免图片载入缓慢的现象。
2.优点
(1)CSS Sprites能很好地减少网页的http请求,从而大大的提高页面的性能,这是CSS Sprites最大的优点,也是其被广泛传播和应用的主要原因;
(2)CSS Sprites能减少图片的字节;
(3)CSS Sprites解决了网页设计师在图片命名上的困扰,只需对一张集合的图片命名,不需要对每一个小图片进行命名,从而提高了网页制作效率。
(4)CSS Sprites只需要修改一张或少张图片的颜色或样式来改变整个网页的风格。
3.缺点
(1)图片合并麻烦:图片合并时,需要把多张图片有序的合理的合并成一张图片,并留好足够的空间防止版块出现不必要的背景。
(2)图片适应性差:在高分辨的屏幕下自适应页面,若图片不够宽会出现背景断裂。
(3)图片定位繁琐:开发时需要通过工具测量计算每个背景单元的精确位置。
(4)可维护性差:页面背景需要少许改动,可能要修改部分或整张已合并的图片,进而要改动css。在避免改动图片的前提下,又只能(最好)往下追加图片,但这样增加了图片字节。

发表于 2021-04-20 11:30:15 回复(0)
A:精灵图(雪碧图)
发表于 2021-02-04 13:09:56 回复(0)
后半句是对的,确实很好地减少网页的http请求,从而大大的提高页面的性能。但是总的图片的字节并不一定增加,是把多张图放到了一张吧。
发表于 2020-06-11 23:15:00 回复(0)
不愧是网易啊,这题出得没毛病
发表于 2017-08-24 10:08:57 回复(0)
c 减少图片的字节
发表于 2017-03-30 12:04:41 回复(0)
图片还是要切的,后面再合起来,还有计算相对位置,定义的类名也要命名,应该是麻烦了才对,多一道工序呢,而且后期加图标还要更新缓存
发表于 2015-12-28 22:20:51 回复(0)
D.Sprites整理麻烦呐,怎么方便了!
发表于 2015-08-03 16:12:37 回复(1)
这题怎么搞的
A 明显不对嘛
发表于 2015-04-14 16:41:01 回复(0)
CSS Sprites不一定增加了总的图片的字节,而且大概率减少了总的图片的字节。综合来说,既减少了字节也减少了请求。
发表于 2022-12-07 18:37:12 回复(0)
sprites:精灵;小仙子;
发表于 2020-05-20 10:52:06 回复(0)