你對CSS代碼結(jié)構(gòu)中id及class類命名規(guī)則是否熟悉，這里和大家分享一下，不管你用id還是class，請不要讓它的名字與它的表現(xiàn)有任何的關(guān)聯(lián)，應(yīng)該讓這個名字更有意義。

古雷港ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為成都創(chuàng)新互聯(lián)公司的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18982081108（備注：SSL證書合作）期待與您的合作！

CSS代碼結(jié)構(gòu)id及class類命名探究

在前面我們講了《根基的建立使有意義的html標記》。這些有意義并且具有良好CSS代碼結(jié)構(gòu)的標簽標記為我們提供了非常好的基礎(chǔ)，但是這些可能元素畢竟是有限的。不可能僅用這些元素就構(gòu)成完整的網(wǎng)頁代碼。至少這些標簽標記，并不能區(qū)分，哪里是頭部導(dǎo)航，哪里是側(cè)邊欄，哪里是內(nèi)容區(qū)域。

我們現(xiàn)在解決辦法就是使用現(xiàn)有的元素，通過給他們id或class而得到額外的信息。這樣就使得文檔具有清晰的結(jié)構(gòu)。比如，我們通過一個簡單的無序列表UL，可以創(chuàng)建出一個導(dǎo)航元素的信息：

ExampleSourceCode

 
 
 
  
  
  
 
  
  
  
 
  
  
  
Div+CSS教程
   
  
  
CSS布局實例
   
  
  
CSS2.0教程
   
  
  
CSS酷站欣賞
   
  
  
CSS模板下載
   
  
  
 
  
  
  
 
 
 

 　　我們一直強調(diào)以提醒你的注意，id是頁面上單獨的元素，必須是唯一的，這樣的益處在于程序或腳本的控制與選擇。id我們通常用來標記結(jié)構(gòu)性的元素，如上面提到的頭部導(dǎo)航、側(cè)邊欄、內(nèi)容區(qū)域等。

id　　一個id只能應(yīng)用于同一個頁面上的一個元素。從理論上說，不同的頁面，完全可以使用同一個id。例如列表頁面的標簽與內(nèi)容顯示頁面的標題，或者是首頁的聯(lián)系方式與內(nèi)頁的聯(lián)系方式。需要你注意的是，這樣確實能省事簡化代碼提高效率。但如果將來需要根據(jù)頁面不同單獨定義他們的外觀，你將會遇到棘手的問題。我們建議你建立不同的id，但在CSS代碼編寫時，可以運用群組選擇符進行外觀的設(shè)置，即使有變化，也可以非常方便的區(qū)分開來。例如：

列表頁的標題：www.52css.com

 
 
 
  
  
  
 
  
  
  
Div+CSS教程www.52css.com 
  
  
  
52css.com是一個非常專業(yè)的CSS站點
 
  
  
  
52css.com的Div+CSS教程欄目有豐富的教程