当前位置:Gxlcms > html代码 > CSS_Spirte实现原理_html/css_WEB-ITnose

CSS_Spirte实现原理_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:6人阅读

CSS Spirte就是所谓的把很多的小图标合并成一张大的图片,然后使用CSS的background-position属性,来动态的定位自己需要图标的位置。这样做的目的主要是减少HTTP请求,加快网页的加载速度。


图片



需要的结果:



多余的话就不多说了具体的实现都已经写在了代码中,并且对于重点都进行了注释。如果有问题可以留言哈!


        css_spirte        
  • ceshi

    你是好的1

  • 你是好的2

  • 你是好的3

  • 你是好的4

  • 你是好的5

  • 你是好的6

  • 你是好的7

  • 你是好的8

测试

测试h4git

人气教程排行