CSS標準系列建立自己的命名標準

2024-07-11 08:20:20

字體：大中小

供稿：網(wǎng)友

　　
　　我指出：提高開發(fā)速度的主要方法是減少重復勞動。
　　而今天的這個主題也是為了要減少重復勞動而進行的一些前期工作。

　　我們在命名是一定要注重一點――ID名稱不能夾有樣式詞匯。比如：#divBlue這樣的DIV的ID 就表明我這個DIV是藍色的，然而這個DIV假如背景是藍色而文字是紅色或是黃色時這個DIV 的ID就很難具有代表性，從長遠去思考：我們在改版時我們希望把這個DIV做成綠色，那這個ID根本就是個錯誤了！

　　當然是不是說CLASS的名稱就可以是夾有樣式呢，相對來說CLASS就需要看情況了！對于一些特定的樣式CLASS名稱就必需要加入樣式相關詞匯來識別。比如我們可以制作一個 “.textRed{color:#f00;}”來使用，因為我們需要在一些特定的地方使用這樣的CLASS來定義文本為紅色。當然這樣的CLASS我們用得很少！

　　那怎么樣的命名是正確的呢？按功能。比如：“導航條”，我們就命名為“nav”，這樣不論我們用什么樣式，導航條就是導航條不會有任何本質(zhì)上的改變。假如導航條是多級的呢？子級就命名為“navChild”或是“childNav”我個人主張用“navChild”這樣符合中國人的思維邏輯。那么還有子層怎么呢？那就命名為“navChildChild”或是“nav2Child”。

　　通常我們很難會碰到超過三層的導航條！還有一種情況：那就是當導航中的每個選項都不一樣那就需要設定不同的ID而不是CLASS這時又如何命名呢？這時我們不能給每個ID都加上數(shù)字而需用到這個選項的名稱，

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

　　大家注重到了！我在命名時總是會把第二個詞的首字母大寫。這是方便我們?nèi)ラ喿x與了解其中的含義。而且在要把其父級的名稱加入，這是為了表明這個ID的繼續(xù)關系。

　　大家清楚，目前WEB標簽以內(nèi)是不支持中文的，所以大家是選擇使用英文還是拼音我想這就看自己的喜好了！要害是要形成自己的標準，這樣你會發(fā)現(xiàn)你的代碼與你是無比的親近。
　　

上一篇：CSS標準系列CSS樣式切換技巧

下一篇：CSS標準系列建立自己的操作標準