如何压缩CSS

我看过那里的半打CSS优化器。我正在寻找的是一个会变成：如何压缩CSS

background-image: url(../images/background.png); 
background-repeat: repeat-x; 
background-color: #c0c0c0;

进入单一背景属性：

background: #c0c0c0 url(../images/background.png) repeat-x;

我怎样才能做到这一点？我必须亲自动手吗？

来源

2011-02-23 Tom Gullen

祝你好运 - 这更像是重构比缩小 – CarneyCode 2011-02-23 23:28:24

尝试http://www.cssoptimiser.com/

输入：

body { 
    background-image: url(../images/background.png); 
    background-repeat: repeat-x; 
    background-color: #c0c0c0; 
}

（我选中 “不要删除换行符”）

输出：

body { 
    background:#c0c0c0 url(../images/background.png) repeat-x 
}

注意，它也优化掉的空间 - 你问background:<space>#... :)

可能有其他/更好的工具，可以做到这一点，但该网站没有满足你的愿望。

来源

2011-02-23 23:29:16 thirtydot

确保您的服务器上已启用gzip（或其他形式的文本文件压缩）。

来源

2011-02-23 23:37:03 Saurav

好点。与CSS优化相比，您可能会从HTTP压缩中节省更多。一个迂腐小费，用于压缩CSS大小中的每个最后一个字节（如果您使用HTTP压缩） - 使用小写字母颜色：不要使用'＃CFCFCF'，而使用'＃cfcfcf' - 这样压缩比率将会是稍微高一些，因为你的文件中的字符'c'和'f'比'C'和'F'更有可能，因为每个人都使用小写声明，比如'color：red'。 – thirtydot 2011-02-23 23:40:54

回答

相关问题