CSS代碼縮短作法

不少人都有 CSS 代碼不夠寫的問題， 就盡可能縮短字數，去掉所有空格和分行，容易把不該去的去掉造成錯誤，便作了個代碼縮短和整理的網頁，給有需要的用囉～
縮短步驟：

1. 首先去掉所有換行，將代碼貼到Word裡，到選單的「編輯」→「取代」，尋找目標填「^p」，下面取代為留白全部取代，^p就是word裡分行的意思。

2. 再來去掉冒號「:」後面的空格，因為CSS語法冒號後面常會有空格，其實可以不要，一樣用取代功能，「: 」取代成「:」，尋找目標的冒號「: 」後面有一個空格，取代為「:」則沒有。

3. 去掉分號「;」後面的空格，做法跟上面一樣，改為分號而已。
4. 去掉前括弧「{」前後的空格，作兩次取代，冒號「 { 」一次前面有空格，一次是後面有空格，取代為「{」則沒有。


5. 去掉所有註解，所謂註解就是代碼中/*和*/之間的內容，隨便舉個例子：
/*個人菜單版面橫條*/
#space_page #ubar h2 { height: 293px;width: 200px ;background: url(http://a01.file-static.com/attachment/201101/25/8802957_1295957464GFrs.png) 50% 50% no-repeat ; color: RED; ; font-size: 1.5em; font-family: 新細明體;font-weight: bold; border: none; }
/*個人菜單版面橫條*/這行就是註解，是說明這段代碼的作用，知道作用就可以去掉啦!

這樣大概就能去掉所有贅字，讓代碼縮到最短，只是不能直接去掉所有空格喔‧‧‧不然可能會有錯‧‧‧