CSS过大如何优化？

css文件过大会降低浏览器加载网页的速度，不必要的流量还会对服务器造成压力，因此，缩减css的体积很有必要！

CSS过大如何优化？

1、去除没有使用到的css代码。

2、使用css简写属性

例子：

（相关课程推荐：css视频教程）

#container{
    padding-top:5px
    padding-right:10px
    padding-bottom:30px
    padding-left:18px
}

缩写版本:

#container{
    padding:5px 10px 30px 18px;
}

3、CSS Sprites

CSS sprites背后的最初想法是减少HTTP请求的数量以加快页面的加载时间。

Sprite实现这个目标的途径就是拼合多张图片到一个单独的图片文件中，通常是一个网格格式的图片。每个单独的图片通过切换大的sprite图片的background-position来显示。对于CSS代码来说，使用 sprite技术可以大大的提高代码的重用度和可维护性，这会明显的减少CSS的代码量。

本文来自css3答疑栏目，欢迎学习！

以上就是CSS过大如何优化？的详细内容，更多请关注0133技术站其它相关文章！