css注意幾點

《網站設計評論》專題文章可以隨意轉載，轉載請註明：“出處：藍色理想 作者：小毅”
小毅編寫的《網站設計評論》是以網路形式提供給所有網民的共用檔案，任何組織與個人不得以任何理由任何形式將本專題文章用於商業用途。
-------------------------------------------------------------------------------------------------------------------*/


在的《建立自己的操作標準》一文中，我指出：提高開發速度的主要方法是減少重複勞動。

而今天的這個主題也是為了要減少重複勞動而進行的一些前期工作。


我們在命名是一定要注意一點——ID名稱不能夾有樣式詞彙。比如：#divBlue這樣的DIV的ID

就表明我這個DIV是藍色的，然而這個DIV如果背景是藍色而文字是紅色或是黃色時這個DIV

的ID就很難具有代表性，從長遠去思考：我們在改版時我們希望把這個DIV做成綠色，那這

個ID根本就是個錯誤了！


當然是不是說CLASS的名稱就可以是夾有樣式呢，相對來說CLASS就需要看情況了！對於一

些特定的樣式CLASS名稱就必需要加入樣式相關詞彙來識別。比如我們可以製作一個

“.textRed{color:#f00;}”來使用，因為我們需要在一些特定的地方使用這樣的CLASS來定義

文本為紅色。當然這樣的CLASS我們用得很少！


那怎麼樣的命名是正確的呢？按功能。比如：“導航條”，我們就命名為“nav”，這樣不論我們

用什麼樣式，導航條就是導航條不會有任何本質上的改變。如果導航條是多級的呢？子級就

命名為“navChild”或是“childNav”我個人主張用“navChild”這樣符合中國人的思維邏輯。那麼

還有子層怎麼呢？那就命名為“navChildChild”或是“nav2Child”。通常我們很難會遇到超過三

層的導航條！還有一種情況：那就是當導航中的每個選項都不一樣那就需要設定不同的ID而

不是CLASS這時又如何命名呢？這時我們不能給每個ID都加上數字而需用到這個選項的名稱，

比如：#navMusic，這個就表示，是導航條中音樂選項的ID。


大家注意到了！我在命名時總是會把第二個詞的首字母大寫。這是方便我們去閱讀與瞭解其

中的含義。而且在要把其父級的名稱加入，這是為了表明這個ID的繼承關係。


大家清楚，目前WEB標籤以內是不支援中文的，所以大家是選擇使用英文還是拼音我想這就

看自己的喜好了！關鍵是要形成自己的標準，這樣你會發現你的代碼與你是無比的親近。