本文總結網頁制作中關于css樣式表應用的一些基礎技巧，希望大家掌握！謝謝支持網頁設計。

一、關于注釋

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

二、關于命名

在給css文件命名的時候，我比較喜歡使用符合語義的英文名或者縮寫命名，在非常用部分也許會用部分拼音命名。另外，在某些有從屬關系的class里，我可能會使用類似“list_banner”之類的命名，即父元素名加上“_”再加上元素名。

關于命名，可以根據團隊設計師的習慣進行協商。但最好在命名之后加上注釋，以便將來生成文檔備查。

三、關于繼承性

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

四、關于css定義的層次

在定義css中的class時，建議使用層次分明的方式來描述語句。

示例結構：

示例css：

在上例中，從最終效果來看，#menu沒有必要重復出現，但是實際上如果能夠在前面加上#menu，將會讓文檔的層次更加明了，更利于閱讀。

五、關于樣式排序

在設計css樣式表時，我們大多是手寫代碼，這樣很容易造成class中的樣式排序混亂。比如有幾個class中用到了padding、margin、background、color等樣式，但是排序的時候，有的class是background比較靠前，有的是margin比較靠前。這樣就造成了一定的混亂，容易讓思路受挫。我建議個人或者團隊的設計師協定一個大致順序，這樣從個別來說看不出太大差別，但從整體上將更加易于閱讀和管理，整體效率會提高不少。

比如，我默認將width、height和padding、margin、border等放在較靠前的位置，background其次，然后是控制文本的font、color、text-align等，接著是某些特殊標簽才能用到的元素，像list-style等，最后是css濾鏡。當遇到特殊情況時（比如css某些屬性的優先級需要定義）可以靈活處理。