有哪些比較好 CSS 簡寫（壓縮）工具？

12-25

網上現在找的，基本是只能刪除空格，我想要的是比如能把 #container{ padding-top:5px padding-right:10px padding-bottom:30px padding-left:18px } 縮寫成： #container{ padding:5px 10px 30px 18px; } 自己手動改太麻煩了，不知道前台高手，ued設計師們，你們用啥呢？
PS：有沒有可及計算網頁請求是發出的數據大小的工具哦？3Q。

目前主流的比較流行的 CSS 壓縮工具可能是 clean-css[1]，但後來我遇到某個版本的激進壓縮功能，導致代碼出現問題，轉而投向了 PostCSS 社區的 css-nano[2]。

所以用任何壓縮工具之前，請先大概看一遍他的文檔，把過於激進的壓縮功能通過配置參數禁用掉。如果沒有提供參數配置，果斷放棄吧。

例如 css-nano 默認會自作主張的改變所有的 z-index，以 gulp 為例，需要在配置中禁用：

.pipe(nano({ zindex: false }))

壓縮工具安全性是最重要的！

[1] https://github.com/jakubpawlowicz/clean-css
[2] https://github.com/ben-eb/cssnano

插個題外話，樓主所述的應用場景很有限。

因為需要指定一個元素的四個方向上的內（外）邊距的情況非常少。比如 #container {padding-top:5px; padding-right:10px;}，壓縮成 #container {padding:5px 0 0 10px;} 實際上是不安全的。

可以用CssGaga，我們小組一直在用。
CssGaga參考了一部分YUI Compressor，擁有比YUI Compressor更極限的壓縮
具體怎麼壓的看這裡：http://www.99css.com/archives/613
安裝看這裡：http://www.99css.com/archives/610

clean-css的激進壓縮率之戰可能是我曾經挑起的導火索……

推薦cssdrive的工具，一直在用，非常不錯。

http://www.cssdrive.com/index.php/main/csscompressor

知乎的頁面的css選擇符名稱是怎麼壓縮的，全部都是2-3位的字元，這樣是對css最有效的壓縮方式，但是在壓縮css選擇符的同時也要對html中的className進行對應替換，Google的網站使用了這種壓縮，但是我沒找到公開的工具。
或者說知乎頁面中的className是手工寫成那樣的？

-----更新：
Google發布的Closure Stylesheets可以實現上述功能，知乎的JS框架使用的正是Google Closure。
Closure Stylesheets：http://code.google.com/p/closure-stylesheets/

業內用得比較多的是YUI Compressor
寫個腳本構建.

CSS3 一般情況下不要壓縮吧,用js寫,這樣頁面檢測的時候能夠順利通過W3C規範,同時還可以用js對CSS 3不同瀏覽器的兼容性做處理.

所以我覺得用CSS Tidy就可以了.
http://csstidy.sourceforge.net/

在線版本:
http://blog.xianyunyehe.net/csstidy
http://kan.willin.org/?page_id=1287

補充答：

CSSTidy 對 CSS3 語法支持非常差。
杜瀟 ? 22:46

CSS 3.0 你直接寫在CSS里的話,通過w3c檢測會報錯, 比如-moz-boder-radius:5px。這是不符合規範的。

所以推薦寫在js里，然後把js壓縮就可以。
寫法可以參照：

var css = ".totoggle{display:none;}";

function css3(b){
css += "{-moz-"+ b + b +"}";
}
css += "#radius";
css3("border-radius: 5px;");

document.write(" &< style type="text/css" &> " + css + " &< /style &> ");

js壓縮一般我用JS Packer
http://dean.edwards.name/packer/

向大家推薦一款代碼格式化工具css、js、html、單雙引號互換史上最全工具 http://insonspider.cn/tools/tools.html

推薦 TopStyle 不過對中文支持不太好，不知道你是做什麼寫的CSS如果是Dreamweaver的話，他本身就可以設置。編輯/首選參數/代碼格式高級格式設置：CSS

mrclay/minify · GitHub

http://www.jb51.net/tools/cssyasuo.htm

css在線壓縮工具,用來減少文件體積或增加可讀性

http://tool.chinaz.com/Tools/CssFormat.aspx
Css壓縮/格式化

http://paranimage.com/18-css-compression-tools-and-techniques/
18個CSS精簡壓縮工具和技巧