1樓：網際網路達人小
class 在程式中稱「類」，同時在css中也書面語也叫「類」。在css樣式中以小寫的「點」及「.」來命名如：
.css5 ,而在html頁面裡則以 來選擇呼叫,命名好的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在乙個頁面裡唯一性。以免出現瀏覽器相容問題。
通常我們在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和id :css5_id 。
2樓：新鄉阿永
如果你沒有特殊用途的話，沒有什麼區別，只是呼叫他的不一樣，id呼叫的樣式是以#開始定義的，class呼叫的樣式是以點（.）定義的。
3樓：匿名使用者
html css中id和class的區別比較
4樓：八哥說科技
1、語法區別：
id對應css是用樣式選擇符「#」（井號）。
class對應css是用樣式選擇符「.」(英文半形輸入句號)。
2、使用次數區別：
id屬性，只能被乙個元素呼叫（以「#」選擇符命名css樣式在乙個頁面只能使用呼叫一次）。在同乙個頁面，只可以被呼叫一次，在css裡用「#」表示。
class類標記，可以用於被多個元素呼叫(以「.」選擇符命名樣式可以乙個頁面使用多次)是類標籤，在同乙個頁面可以呼叫無數次（沒限制的），在css裡用「.」表示。
id就像乙個人的身份證，用於識別這個div的，class就像人身上穿的衣服，用於定義這個div的樣式。一般乙個網頁不設二個或二個以上同id的div，但class可以多個div用同乙個class。
3、語義和使用不同：
id作為元素的標籤，用於區分不同結構和內容，而class作為乙個樣式，它可以應用到任何結構和內容上。在布局思路上，一般堅持這樣的原則：id是先確定頁面的結構和內容，然後再為它定義樣式：
而class相反先定義一類樣式，然後再頁面中根據需要把類樣式應用到不同的元素和內容上面。
5樓：葉孤楚潔
class可以被重複呼叫，而id不可以
6樓：育知同創教育
.是類 #是id
id是唯一的,類是可以重用的.
比如你有多個地方樣式要求一樣的話,就用類.這樣就不用些多個#了.
.name
/*就像這樣.你多個地方都想要同乙個樣式就這樣寫.
#idname
/*id只有乙個.
css中的id和class的使用區別
7樓：匿名使用者
結果沒有區別
，形式上有區別，建議用class ，如果你好幾個模組都是一樣的內css，用id就不合適容了，id相同了不好……js的時候document.getelementbyid('')時就會體現出來。aa css .
alinkaa css #alink
8樓：匿名使用者
個人認為在使用抄起來沒什麼區別，最終效果也bai
是一樣的du；分開來的乙個作用乙個是方便維護，
zhi還有就是有存在樣dao式組合的情況，比如你為所有標題定義了乙個id樣式，裡面的包含了字型、字型大小、加粗，這幾樣，這樣所有標題都應用這個id的樣式就可以了，後來你又想讓每個標題有不同的顏色、不同的下劃線，這樣就根據不同的標題再為它們定義不同的class樣式，分別是關於字型顏色和下環線樣式的，這樣，再給不同的標題引用一下各自的class樣式就可以了，也許在樣式表不大的情況下這樣坐並沒有節省多少效率，但是如果樣式表很大的話，這樣會更方便維護；再有就是跟程式掛鉤了，很多情況下後台程式多會使用id找到相關的資訊，而class似乎是專門為前端服務的，id的命名也許是程式開發人員根據功能命名的，而前端美化人員可能會從另乙個角度為樣式命名，這樣我們可以使用class，用我們的規律來為其命名，當然，這麼坐的主要目的還是方便維護； 以上是個人觀點，水平有限，高手莫笑話
9樓：匿名使用者
css中「bai.」是類選擇器的標識「du#」是zhiid選擇器的標識 舉個例子：daohtml中
給該回div新增樣式，有
兩種方法答：①直接在css檔案中定義id選擇器#div1{}②在css定義類選擇器.class1{},然後
指明他的類樣式 兩種方法的效果是一樣的，但是id只能給乙個元素指明類樣式，而class可以在任一元素中定義它的樣式
10樓：匿名使用者
class用.標識id用#標識
struct和class的區別
首先，討論這個問題應該僅從語法上討論，如果討論不同人之間程式設計風格上的差異，那這個問題是沒有答案的。畢竟不同的人偏好不同。從語法上，在c 中 只討論c 中 class和struct做型別定義時只有兩點區別 一 預設繼承許可權。如果不明確指定，來自class的繼承按照private繼承處理，來自st...
CSS3與CSS2的區別和支援性
製作時間 首先，筆者在製作時間上進行對比，利用css3製作頁面遠比使用css節省時間。因為css3可以直接製作很多效果用來替換 而使用舊css版本製作的頁面需要製作一些 來體現效果，所以在製作 上也要花費很多時間。檔案數量 容量及載入時間 css3版本的css檔案大小為5.2k，網頁檔案總數為12，...
CSS中margin和padding的區別
margin和padding都表示邊距的，margin是指的外邊距屬性,padding是指的內邊距。這是盒子模型的概念。盒子模型示意 示例 結果如下 一 padding 1 語法結構 1 padding left 10px 左內邊距 2 padding right 10px 右內邊距 3 paddi...
CSS偽類和偽元素的區別及相關應用
偽類和偽元素在作用上都可以說是在某些選擇器新增特殊樣式。至於他們的區別和相關應用，我們可以看偽類和偽元素分別都包含什麼。偽類 偽元素 偽類 用於向某些選擇器新增特殊的效果 偽元素 用於將特殊的效果新增到某些選擇器 偽類的效果可以通過新增實際的類來實現 偽元素的效果可以通過新增實際的元素來實現 它們的...
英語中的表語和賓語的區別，表語和賓語的區別是什麼？
樓上還少說一條，是系動詞後是表語，其中系動詞還包括be動詞和感官動詞，感官動詞就是常說的feel,sound,taste等。如he looks tired.就是主係表結構。其實語法挺好玩的，有興趣平常可以多看看語法書。希望對你有幫助。賓語分為動賓和介賓,表語是在系動詞以後都叫做表語,系動詞有be,b...