為什么我們的CSS變得一團糟——我們真的很容易陷入這樣的困惑中。

有時這是一開始就馬虎編程的結果，有時是由于后期多重的附加代碼（hacks)和修改造成的。

無論是哪種原因，這都不是無法避免的。寫出干凈，超級可管理的CSS很簡單，只要你走對了路，你的代碼會更便于今后的維護和編輯。

寫出更輕巧、更快并且更不會讓你頭疼的CSS，以下這10個技巧將會提高你這方面的能力。

1.保持條理性

像任何事情一樣，讓自己保持條理性（有組織）是值得的。采用清晰的結構，而不是隨心所欲地組織id和class（別想到啥就寫啥）。

這會有助于你在心里記住CSS的級聯性，并讓你的樣式表能夠利用樣式繼承。

首先聲明最通用的item（id class或者是html element），接下來是稍微不那么通用的……依此類推。這讓你的CSS能適當地繼承屬性，當需要的時候，重寫一條特殊的樣式會更容易。將來編輯CSS時也會更快，因為它遵循著一個易于閱讀的邏輯結構。

用一個對你來說最好使的結構，同時在心里想著將來的編輯和其他開發人員。

重置和重寫 鏈接和字體 主布局 二級布局結構 表單元素 其他雜項

2.標題、日期和簽名

讓其他人知道誰寫了你的CSS，什么時候寫的，以及如果有問題可以聯系誰。在設計模板或主題時這非常的有用。

稍等片刻…那些色標數字是咋回事？多年以來，我發現，簡單列舉出我的樣式表里常用的顏色，在初次開發和后期編輯時真的非常有幫助。

這節約了你打開Photoshop從設計圖里吸一個顏色，或者在這個網站的（如果這個東東存在）里查顏色。如果你需要那個特定的藍色的HTML代碼，只需要翻到注釋處復制它就行了。

3.搞一個模板庫

一旦你選定了用一個結構，剝掉所有不通用的并把文件存成一個CSS模板，以便將來使用。

你可以為多種用途保存多個版本：兩欄布局、博客布局、打印、移動等等……(OSX的編輯器)有一個優秀的Clips特性能讓你很簡單的做到這些。很多其他的編輯器也有類似的特性，不過甚至是一批簡單的文本文件也能很好地工作。

每次都從頭開始重寫每一個樣式表是很瘋狂的，特別是每個都是采用一樣的約定和方法。

  Tag: 設計公司 | 網頁設計公司 | 廣告公司 | 網站設計 | 平面設計 | 互動媒體 | 網頁設計 | Web design | Website design | design house | 媒體公司 | Iphone app | 程式設計 | Flash 網頁 | Flash game | 動畫設計 | 後期製作 | 網上商店 | 網上宣傳 | 網頁服務 |