zoukankan      html  css  js  c++  java
  • CSS sprites

    CSS Sprites在国内很多人叫css精灵,是一种网页图片应用处理方式。

    优点:

    它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。

    利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位,background-position可以用数字精确的定位出背景图片的位置。

    利用CSS Sprites能很好地减少网页的http请求,从而大大的提高页面的性能,这也是CSS Sprites最大的优点,也是其被广泛传播和应用的主要原因。

    CSS Sprites能减少图片的字节。

    CSS Sprites解决了网页设计师在图片命名上的困扰,只需对一张集合的图片命名,不需要对每一个小图片进行命名,从而提高了网页制作效率。

    CSS Sprites只需要修改一张或少张图片的颜色或样式来改变整个网页的风格。

    缺点:

    图片合并麻烦:图片合并时,需要把多张图片有序的合理的合并成一张图片,并留好足够的空间防止版块出现不必要的背景。

    图片适应性差:在高分辨的屏幕下自适应页面,若图片不够宽会出现背景断裂。

    图片定位繁琐:开发时需要通过工具测量计算每个背景单元的精确位置。

    可维护性差:页面背景需要少许改动,可能要修改部分或整张已合并的图片,进而要改动css。在避免改动图片的前提下,又只能(最好)往下追加图片,但这样增加了图片字节。

  • 相关阅读:
    jedis操作redis事务练习
    jedis连接redis,测试操作redis常用的数据类型 String List Set Hash Zset
    多态的理解
    binarySeach方法
    数组重新认识
    String的 认识
    接口的 认识
    抽象类及抽象方法
    protected的深刻理解
    protected的认识
  • 原文地址:https://www.cnblogs.com/shenting/p/10425744.html
Copyright © 2011-2022 走看看