zoukankan      html  css  js  c++  java
  • 第9天 图片整合

    CSS Sprites的原理(图片整合技术)

    一、将导航背景图片,按钮背景图片等有规则的合并成一张背景图,即将多张图片合为一张整图,然后用background-position”来实现背景图片的定位技术。

    二、图片整合的优势:

    1)通过图片整合来减少对服务器的请求次数,从而提高 页面的加载速度。

    2)通过整合图片来减小图片的体积。

    2、CSS Sprites的实现方法

    (1)滑动门技术

    1.什么是滑动门

    滑动门是一个形象的称呼,它利用CSS背景图像可层叠性,并允许彼此之上进行滑动来创造一些特殊动态效果

     

    2.滑动门特征:

    通过滑动门技术,可以使CSS设计出来的导航菜单兼具传统布局的图像效果,与CSS布局的高效扩展性 。

  • 相关阅读:
    JS: Promise
    JS: 数据结构与算法之栈
    JS: 数组乱序
    JS: 数组扁平化
    JS:函数柯里化
    JS: 防抖节流
    JS:事件委托
    理解Node.js(译文)
    Javascript闭包入门(译文)
    你真的懂ajax吗?
  • 原文地址:https://www.cnblogs.com/mingjixiaohui/p/5196792.html
Copyright © 2011-2022 走看看