class是設置標簽的類。 id是設置標簽的標識。
class屬性用于指定元素屬于何種樣式的類。
如樣式表可以加入:
.baobao { color: lime; background: #ff80c0 }
使用方法:class="baobao" id屬性用于定義一個元素的獨特的樣式。
如一個CSS規則: #binbin { font-size: larger }
使用方法:id="binbin"
id是一個標簽,用于區分不同的結構和內容,就象你的名字,如果一個屋子有2個人同名,就會出現混淆; class是一個樣式,可以套在任何結構和內容上,就象一件衣服; 概念上說就是不一樣的:id是先找到結構/內容,再給它定義樣式;class是先定義好一種樣式,再套給多個結構/內容。
一個Class是用來根據用戶定義的標準對一個或多個元素進行定義的。打個比較恰當的比方就是劇本:一個Class可以定義劇本中每個人物的故事 線,你可以通過CSS,javascript等來使用這個類。因此你可以在一個頁面上使用class="Frodo" ,class= "Gandalf", class="Aragorn"來區分不同的故事線。
還有一點非常重要的是你可以在一個文檔中使用任意次數的Class。 至于 ID,通常用于定義頁面上一個僅出現一次的標記。在對頁面排版進行結構化布局時(比如說通常一個頁面都是由一個頁眉,一個報頭< masthead>,一個內容區域和一個頁腳等組成),一般使用ID比較理想,因為一個ID在一個文檔中只能被使用一次。而這些元素在同一頁面中 很少會出現大于一次的情況。
歸納成一句話就是:Class可以反復使用而ID在一個頁面中僅能被使用一次。有可能在很大部分瀏覽器中反復使用同一個ID不會出現問題,但在標準上這絕對是錯誤的使用,而且很可能導致某些瀏覽器的現實問題。 在實際應用的時候,Class可能對文字的排版等比較有用,而ID則對宏觀布局和設計放置各種元素較有用。
40個可愛粉色兒童房設計裝修設計2018-04-22
100款國外食品包裝設計集包裝設計2017-07-17
40幅日本海報設計作品海報設計2017-07-04
46款茶品牌和包裝設計欣賞包裝設計2017-04-14
20款現代簡約風格名片設計名片設計2016-04-18
59款日本優秀logo設計欣賞標志設計2016-03-29
10個CSS簡寫/優化技巧CSS教程2013-06-04
css的margin縮寫方式CSS教程2012-05-23
CSS網頁布局時常犯的幾種CSS教程2009-09-28
CSS浮動屬性Float詳解CSS教程2009-09-17
CSS定位屬性Position詳解CSS教程2009-09-17
CSS布局教程:絕對定位和相CSS教程2009-07-15