如何压缩CSS

Question

我已经看了六个CSS优化器。我正在寻找的是一个将转向：

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

进入单个背景属性：

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

我该怎么做？我必须手工完成吗？

Answer 1

尝试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>#...：）

可能有其他/更好的工具可以做到这一点，但该网站确实符合您的愿望。

Answer 2

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