CSS压缩方法及技巧

admin

精简网站代码可以节省网站空间，减小服务器压力，提高访问速度，对搜索引擎蜘蛛的爬取也是有利的。今天抚州网站建设专家就来分享CSS压缩方法及技巧。

缩写你的CSS
你看对一个DIV进行定义，定义的代码是：
#text{
padding-top:12px
padding-right:10px
padding-bottom:20px
padding-left:10px
}
这样的定义是没错的，问题是：你写的这个代码可以进行缩写的，缩写后的格式是：
#text{
padding:12px 10px 20px 10px;
}
大家看一下，是不是少了很多的代码？事实上，这上面的代码还可以进行精简，方法是：去掉他们的空格和换行。因为换行和空格都会增加CSS的体积，我们还可以对上面的CSS进行压缩。压缩后的代码是：
#text{padding:12px 10px 20px 10px;}
做到这个样子，是再没有办法压缩上述的代码了，除非你用GZIP进行压缩。

合理字体的选择
一般来说，我们做中文网站都是用系统默认字体也就是宋体的。使用它就行了，建议你不要将你网站的替代字体放到CSS文件。字体的定义也是可以缩写的。大家看一个例子：
#tx{font-family:Palatino,Georgia,Times,serif;}可以缩写成
#tx{font-family:Palatino,serif;}

网页颜色的定义
如果你的网站颜色是用RGB表示的，那么请不要这么做了，你应该用16进制的代码来定义网站的颜色。虽然你可能认为这缩写不了几个字符，但是它的确是CSS压缩方法之一。
#container{color:rgb(131, 100, 219);}可以压缩成
#container{color:#8364DB;}

此外CSS的压缩还有其他的一些方式，比如使用Sprites技术来设置网站的图片等，这些都可以很明显减少压缩CSS。

发布：2025-09-29 12:42 编辑：泛普软件 · xiaona [打印此页] [关闭]