个人对于css sprite的一点点见解
2016-03-10 22:34
477 查看
css sprite即CSS雪碧图又称CSS精灵。
它存在的一个主要作用就是:减少了网页的http请求[b]次数,从而大大的提高了页面的性能,节省时间和带宽。[/b]
例如
这样算下来。CSS sprite真的是个很实用的东西。
那么如何制作CSS sprite图呢?
用下面这个例子来说明
这样一个图 就能用css sprite来制作。很好的减轻了服务器的压力。和页面的性能。
代码图如上。
另外推荐一个css sprite网站
它存在的一个主要作用就是:减少了网页的http请求[b]次数,从而大大的提高了页面的性能,节省时间和带宽。[/b]
例如
这样算下来。CSS sprite真的是个很实用的东西。
那么如何制作CSS sprite图呢?
用下面这个例子来说明
这样一个图 就能用css sprite来制作。很好的减轻了服务器的压力。和页面的性能。
代码图如上。
另外推荐一个css sprite网站
相关文章推荐
- CSS3实现手机1px边框,细如发丝
- CSS 媒体查询
- CSS3层次选择器
- webkit私有css3属性 -webkit-overflow-scrolling:touch;
- CSS: float属性和position属性的区别和应用
- CSS实现三角形图标的原理!!!!今天总算弄懂了。
- css解决方案
- Word自动编号多级标题设置
- CSS选择器
- CSS3 3D效果
- css内外边距样式
- CSS盒子模型
- CSS命名法
- CSS伪类
- CSS总结
- css常用样式
- css中伪元素:before :after的作用
- ExtJS自定义css样式
- CSS应用给网页元素的几种方式总结
- 盘点8种CSS实现垂直居中水平居中的绝对定位居中技术