DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 網頁制作經驗:id與class的使用原則
網頁制作經驗:id與class的使用原則
編輯:CSS詳解     
 在webjx.com前面的文章裡討論過很多DIVCSS布局的技巧。在用CSS來控制網頁布局時我們可能都會遇到一個問題:當定義一個屬性時,是使用id,還是使用class?今天webjx.com再談id與class的使用原則,把自己平時做站時的經驗給大家簡要講述一下,希望能夠對您有所幫助。

  id的使用原則
  先來說說id,id具有唯一性,其使用原則也是依據這一特性建立的。id是不能重復的,所以在XHtml的結構中,大結構一定是用id。比如標志、導航、主體內容、版權。這些根據制定的規范命名為#logo , #nav , #content , #copyright 等等,本著其唯一性的原則園子建議定義id盡量在外圍使用。

  class的使用原則
  class在CSS的定義中具有普遍性。說白一點就是class具有可重復無限制的使用多次,園子建議大家盡量在結構內部使用。這樣做的好處是有利於網站代碼的後期維護與修改,這樣的做法就會讓所有的class都成為id的子級或是孫級。在我們寫CSS的時候可以寫成這樣 #father .child  {…},另外需要注意的是盡量不要讓class包含id,比如.father #child  {…}如果寫成這樣很顯然就非常不可取。當然這也只是相對於良好書寫習慣的一些建議,僅供大家參考。

  綜上所述,歸總起來一句話:id是唯一的並且是父級的,class是可以重復的並且是子級的。保持一個良好的代碼書寫習慣對於以後的代碼維護會有很大的幫助,如果您有更好的建議,歡迎給我留言探討。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved