我們平常在用div css製作xhtml網頁頁面時，常會用到class 和id來選擇呼叫css樣式屬性。對學習css的新手來說class和id可能比較模糊，同時不知道什麼時候該用class，什麼時候又用id，以及它們用法與限制是怎麼樣的。接下來我們就來詳細了解class與id基本屬性及用法。
class 在程式中稱「類」，同時在css中也書面語也叫「類」。在css樣式中以小寫的「點」及「.」來命名如： .css5 ,而在html頁面裡則以class="css5" 來選擇呼叫,命名好的css又叫css選擇器。如： .css5 選擇器在html呼叫為「我是class例子
」如果不知道怎麼引用css，那就可以了解下css引用。
而且class(類)在同乙個html網頁頁面可以無數次的呼叫相同的class類，在這裡例子裡則可以在對應的網頁裡可以無數次呼叫選擇「css5」。這也說明class一般是用來呼叫css中的預配製屬性的，比如說有乙個預配製屬性為如這裡的「.class01 」，這樣就可以像呼叫函式一樣不用再乙個網頁頁面裡重複的配置乙個「類」屬性，而只需要寫上乙個class類選擇，就可以在同乙個頁面裡任何位置呼叫選擇具有相同的class類。
id是表示著標籤的身份，在js指令碼中會用到id，當js要修改乙個標籤的屬性時，js會將id名作為該標籤的唯一標識進行操作。也就是說id只是頁面元素的標識，供其他元素指令碼等引用。假如你的頁面裡出現了兩個id那js效果特性較出現邏輯錯誤不知道依據哪個id來改變其標籤屬性。 在css裡的id不一定為js而設定的，但是同樣id在頁面裡也只能出現一次，並且是唯一性。雖然可能我們才學div+css愛好者在乙個頁面裡同時呼叫相同的id多次但是仍然沒有出現頁面混亂錯誤，但是我們為了w3c及各個標準我們也要遵循id在乙個頁面裡唯一性。以免出現瀏覽器相容問題。
div css 頁面中的id是怎麼個用法呢？
通常我們在css樣式定義的時候 以「#」來開頭命名id名稱如：#css5 這個也有點像class的定義，只是class是以小寫句號「.」開頭命名，而id是以「#」好開頭定義。那id是怎麼個用法呢？ css裡的id用法與class用法一樣，只是把class換成id。如例子：在css樣式定義id --- #css5 ,呼叫id --- 我是id例子
。接下來我們來看下完整關於class和id例項：
我在瀏覽器下瀏覽，內容背景將是白色
我在瀏覽器下瀏覽，內容背景將是紅色
接下來我們分析一下以上例項：class="css5 css5_class" 怎麼是這樣的？這裡是相當於呼叫選擇了class類css5與css5_class 。class="css5" id="css5_id" 這裡同樣是選擇呼叫了class類 :css5和id :css5_id 。
CSS中id和class的區別
首先，在表現形式上 id 的優先順序比css高，例如 藍色理想 id和class都定義了背景顏色的屬性，但是由於id的優先順序比class高，所以背景色為id所定義的紅色 再次，class是通用屬性，就是說幾個div可以呼叫同乙個class 而id是唯一的，web標準中不允許出現兩個div的id標識...
CSS中class和id的區別
類選擇器和id選擇器是css中經常使用到的選擇器，看書看一遍的時候就如囫圇吞棗，一掃而過，所以理解得也不透徹。今天又重新看到了，腦海裡的概念總算清晰了點。所以總結了一下他們之間的區別，列出如下 1.所繫結的標籤屬性不同，class選擇器繫結的標籤屬性為class，例如下面的例子 123 1112 我...
CSS網頁布局中ID與class的理解
xhtml css網頁布局中id與class的理解應用 要是xhtml與css能物件導向。太陽應該從北邊公升起了。但是，凡事都應該帶著oo的思想來看問題，也勉強可以湊數拉。其實，早在零幾年就有人提出了oo style，不過已找不到。那要怎樣oo呢？現在大家都知道css是可以介樣寫滴 g g 我們可以...