css精灵图

【摘要】 css精灵图考必过小编为大家整理了关于css精灵图的信息，希望可以帮助到大家！

css精灵图

2025年监理工程师-考点精讲班体验课

¥0

去购买​

标签：网页   网址   属性   加载   vsp   nbsp   图标   需要   image   

为什么要用精灵图？

1. 在网页中引入图片，src的属性值是一个网址，会请求数据，需要时间

2. 如何去减轻服务器压力，减少加载图片的时间

1.  图片的懒加载

2.  精灵图

CSS精灵图定义

        1. CSS sprites

        2. 多个小图标放在一张图片上，然后通过背景方位去展示不同的小图标

使用

         background-image: url(images/img_navsprites.gif);

         background-position: -46px 0;

优点

　　有效地减少服务器接受和发送请求的次数

         提高页面的加载速度

css精灵图

标签：网页   网址   属性   加载   vsp   nbsp   图标   需要   image   

以上就是css精灵图的内容，更多资讯请及时关注考必过网站，最新消息小编会第一时间发布，大家考试加油！