css屬性中class與id的區別，我在前面的文章中已經講過了。但還是有新手對此非常迷茫，不知道什么時候該用id，什么時候該用class。這兩個選擇器讓新手左右為難。
　　 一、在web標準中是不容許重復id的，例如 div id="a"  不容許重復2次；而class所定義的是類，理論上可以無限重復。以根據需要多次引用。
　　 二、屬性的優先級問題：id 的優先級要高于class，合肥網站建設在下面的代碼中有示例說明。
　　 三、方便JS等客戶端腳本的引用，如果在頁面中要對某個對象進行腳本操作，那么可以給他定義一個id，否則只能利用遍歷頁面元素加上指定特定屬性來找到它，這是相對浪費時間資源，遠遠不如一個id來得簡單與快捷。
下面假設div的樣式名稱為main,如果屬性為id就是 #main ,如果屬性為class就是 .main

#main 定義的是id為"main"這個元素的樣式
.main 的意思是新建一個名為"main"的樣式
#main 只能定義id為"main"這個元素的樣式
.main 一但定義以后,可以讓其他的元素來調用,方法為class="main"

    用#定義css樣式，在調用時必須用id，用.定義css樣式，在調用時必須用class。用#定義的樣式，一般都是定義結構框架，一些大的容器,且在同一個頁面只能出現一次；而且.定義的樣式，一般都是起修飾作用或多次重復的樣式。還一點就是在同一個層里同時出現id和class樣式，id更優先于class。

    一個class是用來根據用戶定義的標準對一個或多個元素進行定義的。打個比較恰當的比方就是劇本：一個class可以定義劇本中每個人物的故事線，你可以通過css，javascript等來使用這個類。因此你可以在一個頁面上使用class="Frodo" ，class="Gandalf"， class="Aragorn"來區分不同的故事線。還有一點非常重要的是你可以在一個文檔中使用任意次數的class。

    至于id，通常用于定義頁面上一個僅出現一次的標記。在對頁面排版進行結構化布局時（比如說通常一個頁面都是由一個頁眉，一個報頭< masthead>，一個內容區域和一個頁腳等組成），一般使用id比較理想，因為一個id在一個文檔中只能被使用一次。而這些元素在同一頁面中很少會出現大于一次的情況。

要自己多動手寫css代碼,才能發現自己的不足.不能只看別人的,只抄別人的!

那么定義div應該使用class還是id呢

    css實戰：id是狙擊槍 class是雙刃劍 合則兩利分則兩敗

    想要做好網頁結構，id與class都是必須熟練掌握的，所謂“兩手抓，兩手都要硬”。id就象狙擊槍一樣，可以幫助我們精準地定位要想要加載樣式的元素；而class則是俠客的佩劍，信手拈來更加輕盈靈便，兩者的結合能夠實現結構良好且表現豐富的頁面。

　　 然而現在有一種錯誤的觀點，就是id完全可以用class來取代，事實上許多網頁源代碼也的確如此，打開來通篇class，找不到一個id。造成這種現象的理由有很多種，然而自table時代傳下來的根深蒂固的“class=css”的觀念才是本因。

　　 的確，class比id用途更廣更靈活，但也必須意識到，class對于構建良好的網頁布局結構遠不如id有效。id的強制唯一性使得我們可以很容易通過id檢索到我們需要的任意模塊，而class則沒有這個優勢。雖然我們可以為模塊定義唯一的class名，但前提是——只有制作者本人可以動網頁樣式。

　　 否則換一個稍微懶一些的伙計，看到樣式相同便直接把前面的class拿來套用，其結果就是我們發現網頁里有十幾個模塊都叫做“gonggao”或者“xinwen”，以至于為了區分還不得不加上大量的html注釋，這樣的結果顯然并不是我們想要的。再者就是前面提到的，通過通用class所節省下來的代碼，又不得不在每個單獨定義的class中揮霍掉。