記住“LoVe/HAte”（愛/恨）鏈接規(guī)則
要以下面的順序指定超鏈接偽類：Link, Visited, Hover, Acitve。任何其他順序都不妥當。假如用了 :focus，次序應(yīng)為 LVHFA(“Lord Vader's Handle Formerly Anakin”，Matt Haughey這樣建議)。
請記住“TRouBLED”（麻煩的）邊框。
邊框(border)、邊距(margin)和補白(padding)的簡寫次序為：順時針方向從上開始，即 Top, Right, Bottom, Left。比如 margin: 0 1px 3px 5px;表示上邊距為零，右邊距為1px，依此類推。
非零值要指明單位。
在用CSS指定字體、邊距或大小時，必須指明所用的單位。某些瀏覽器對未指明單位的處理方法不足為憑。零就是零，不管是 px還是em還是其他單位，它不需要單位。例如： padding: 0 2px 0 1em;
測試不同的字體大小。
像Mozilla和Opera這樣的高級瀏覽器允許對字體進行縮放，不管你用的是什么單位。某些用戶的默認字體大小肯定和您的不同，盡最大努力去滿足他們。
用嵌入式測試，發(fā)布時改為輸入。
將樣式表嵌入在你的HTML源代碼中，在測試時可以消除許多緩存引起的錯誤，尤其是某些Mac下的瀏覽器。但在發(fā)布前，一定要記住將樣式表移到外部文件，用 @import 或 引入。
加上明顯的邊框有利于布局調(diào)試。
像 div {border: solid 1px #f00;} 之類的全局規(guī)則可以暫時為你查出布局問題。為特定的元素加上邊框可幫您找到難以發(fā)覺的交錯或空白問題。
對圖片路徑不要用單引號。
當設(shè)置背景圖片時，要堅持用雙引號。盡管看起來有些多余，但是如果不這么做，IE5/Mac會噎住。
不要為將來的樣式表（比如手持式設(shè)備或打印用樣式表）留個“空位”。
Mac IE5 對空的樣式表比較感冒，會增加頁面的裝入時間。建議樣式表中至少應(yīng)該有一條規(guī)則（哪怕是注釋也好），免得 MacIE噎住。
另外值得一提的還有一些雖然不針對某些功能，但是在開發(fā)過程中應(yīng)當注意的理論
好好組織您的CSS文件
恰當?shù)爻蓧K注釋CSS，將相似的CSS選擇符編為一組，養(yǎng)成一致的命名習慣和空白格式（為跨平臺考慮，建議用空白字符而不是tab。）以及適當?shù)拇涡颉?
以功能（而不是外觀）為類和ID命名
假如您創(chuàng)建了一個 .smallblue 類，后來打算將文字改大，顏色變?yōu)榧t色，這個類名就不再有任何意義了。相反，您可以用更有描述性的名字如 .copyright 和 .pullquote。
組合選擇符
保持CSS短小對減少下載時間非常重要。請盡量為選擇符分組、 利用繼承(inheritance)以及使用簡寫(shorthand)來減少冗余。
使用圖片替換技術(shù)時要考慮親和力
已經(jīng)發(fā)現(xiàn)傳統(tǒng)的FIR在屏幕閱讀器，以及關(guān)閉圖片顯示[的瀏覽器]中會出問題。 對此有其他解決辦法，要根據(jù)具體情況，慎重使用。
|
