如何压缩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>#...:)

可能有其他/更好的工具可以做到这一点,但该网站确实满足您的愿望.