我已经看了六个CSS优化器.我正在寻找的是一个将转向:
background-image: url(../images/background.png);
background-repeat: repeat-x;
background-color: #c0c0c0;
Run Code Online (Sandbox Code Playgroud)
进入单个背景属性:
background: #c0c0c0 url(../images/background.png) repeat-x;
Run Code Online (Sandbox Code Playgroud)
我怎样才能做到这一点?我必须手工完成吗?
thi*_*dot 16
试试http://www.cssoptimiser.com/
输入:
body {
background-image: url(../images/background.png);
background-repeat: repeat-x;
background-color: #c0c0c0;
}
Run Code Online (Sandbox Code Playgroud)
(我勾选"不要删除换行符")
输出:
body {
background:#c0c0c0 url(../images/background.png) repeat-x
}
Run Code Online (Sandbox Code Playgroud)
请注意,它还优化了空间 - 你要求background:<space>#...:)
可能有其他/更好的工具可以做到这一点,但该网站确实满足您的愿望.