^{<noscript id="uux69"></noscript>}

CSS注釋、命名、繼承性、樣式排序等CSS技巧的小結

2024-07-11 08:23:37

字體：大中小

來源：轉載

供稿：網友

一、關于注釋

　　在創建xhtml CSS網站時，CSS中的注釋非常重要。在創建CSS樣式時，應當保持隨手注釋的習慣。一般的，我習慣于使用“/* 注釋內容 */”的格式來寫注釋，因為在EditPlus等具有高亮功能的編輯器里，使用C語言中常用的“/***************/”之類的注釋是無意義的，沒有必要填充大量無意義內容作為分隔。帶有注釋的文檔作為網站的原始CSS文檔，在發布網站的時候，可以使用CSS壓縮工具壓縮CSS，在輸出的CSS中去掉注釋以提高文件傳輸效率。

二、關于命名

　　在給CSS文件命名的時候，我比較喜歡使用符合語義的英文名或者縮寫命名，在非常用部分也許會用部分拼音命名。另外，在某些有從屬關系的class里，我可能會使用類似“list_banner”之類的命名，即父元素名加上“_”再加上元素名。
　　關于命名，可以根據團隊設計師的習慣進行協商。但最好在命名之后加上注釋，以便將來生成文檔備查。

三、關于繼續性

　　在CSS中，要善用繼續性。比如在兩個嵌套的div中，父元素定義了background-color屬性為黑色，假如子元素的背景同為黑色，則不需重復定義。善于利用CSS的繼續性可以讓代碼更有效、更精簡。

四、關于CSS定義的層次

　　在定義CSS中的class時，建議使用層次分明的方式來描述語句。
　　示例結構：

示例代碼 [www.CuoXIn.com]

上一篇：DIVCSS布局：CSS浮動float屬性詳解

下一篇：CSS教程：什么是用戶樣式表？