一、關於註解
在建立xhtml CSS網站時,CSS中的註解非常重要。在建立CSS樣式時,應保持隨手註解的習慣。一般的,我習慣使用「/* 註釋內容 */」的格式來寫註釋,因為在EditPlus等具有高亮功能的編輯器裡,使用C語言中常用的「/******** *******/”之類的註釋是無意義的,沒有必要填充大量無意義內容作為分隔。帶有註釋的文檔作為網站的原始CSS文檔,在發佈網站的時候,可以使用CSS壓縮工具壓縮CSS,在輸出的CSS中去掉註釋以提高文件傳輸效率。
二、關於命名
在為CSS檔案命名的時候,我比較喜歡使用符合語意的英文名稱或縮寫命名,在非常用部分也許會用部分拼音命名。另外,在某些有從屬關係的class裡,我可能會用類似「list_banner」之類的命名,也就是父元素名加上「_」再加上元素名稱。
關於命名,可以依照團隊設計師的習慣來協商。但最好在命名之後加上註釋,以便將來產生文件備查。
三、關於繼承性
在CSS中,要善用繼承性。例如在兩個巢狀的div中,父元素定義了background-color屬性為黑色,如果子元素的背景同為黑色,則不需重複定義。善於利用CSS的繼承性可以讓程式碼更有效、更精簡。
四、關於CSS定義的層次
在定義CSS中的class時,建議使用層次分明的方式來描述語句。
範例結構: