網站制作要做好布局，id與class都是必須熟練掌握的，所謂“兩手抓，兩手都要硬”。ID就象狙擊槍一樣，可以幫助我們精準地定位要想要加載樣式的元素；而class則是俠客的佩劍，信手拈來更加輕盈靈便，兩者的結合能夠實現結構良好且表現豐富的頁面。
　　用#定義CSS樣式，在調用時必須用ID，用.定義CSS樣式，在調用時必須用CLASS。用#定義的樣式，一般都是定義結構框架，一些大的容器,且在同一個頁面只能出現一次；而.定義的樣式，一般都是起修飾作用或多次重復的樣式。還一點就是在同一個層里同時出現ID和CLASS樣式，ID更優先于CLASS。
　　一個Class是用來根據用戶定義的標準對一個或多個元素進行定義的。因此你可以在一個頁面上使用class="Frodo" ，class="Gandalf"， class="Aragorn"來區分不同的故事線。還有一點非常重要的是你可以在一個文檔中使用任意次數的Class。至于ID，通常用于定義頁面上一個僅出現一次的標記。在對頁面排版進行結構化布局時，一般使用ID比較理想，因為一個ID在一個文檔中只能被使用一次。而這些元素在同一頁面中很少會出現大于一次的情況。
　　然而現在有一種錯誤的觀點，就是id完全可以用class來取代，事實上許多網頁源代碼也的確如此，打開來通篇class，找不到一個id。造成這種現象的理由有很多種，然而自table時代傳下來的根深蒂固的“class=CSS”的觀念才是本因。的確，class比id用途更廣更靈活，但也必須意識到，class對于構建良好的網頁結構遠不如id有效。id的強制唯一性使得我們可以很容易通過id檢索到我們需要的任意模塊，而class則沒有這個優勢。雖然我們可以為模塊定義唯一的class名，但前提是只有網站制作者本人可以修改網頁樣式。再者就是前面提到的，通過通用class所節省下來的代碼，又不得不在每個單獨定義的class中揮霍掉。
 
 
    相關閱讀：網站設計必須知道的DIV+CSS排版技巧
              網站模板CSS可控制超鏈接樣式
              網站建設新手必須知道的頂級CSS技巧