福彩幸运武林开奖 ?
歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
您的位置:DIVCSS5首頁 > HTML入門 >

div id class使用與區別

DIV+CSS布局中在HTML代碼中我們常常看到div標簽span標簽html標簽頻繁使用,而div id和div class最常見的單詞。

如:

  1. <div id="header"></div> 
  2. <div class="abc"></div> 

類似這樣的在div標簽中使用id和class調用對應CSS樣式。

DIV的ID屬性和CLASS屬性有什么區別呢?

1、語法區別
id對應css是用樣式選擇符“#”(井號);
class對應css是用樣式選擇符“.”(英文半角輸入句號)

  1. <div id="header"></div> 
  2. <div class="abc"></div> 

對應CSS應該是:

  1. #header{...} 
  2. .abc{...} 
  3. /* css注釋說明:這里以省略號替代CSS樣式內容 */ 

2、使用規定區別
id屬性,只能被一個元素調用(以“#”選擇符命名CSS樣式在一個頁面只能使用調用一次)
class類標記,可以用于被多個元素調用(以“.”選擇符命名樣式可以一個頁面使用多次)

id:在同一個頁面,只可以被調用一次,在CSS里用“#”表示。
class:是類標簽,在同一個頁面可以調用無數次(沒限制的),在CSS里用“.”表示。
ID就像一個人的身份證,用于識別這個DIV的,Class就像人身上穿的衣服,用于定義這個DIV的樣式。一般一個網頁不設二個或二個以上同ID的div,但Class可以多個DIV用同一個Class

更多相關知識
1、css id class
2、id class區別
3、如何選擇id和class
4、一個html使用多次id會如何

如需轉載,請注明文章出處和來源網址:http://www.mcowk.com.cn/html/h537.shtml

我要分享到:

必備CSS教程 Essential CSS Tutorials

必備HTML基礎教程 Essential HTML Tutorials

如對文章有任何疑問請提交到DIV CSS論壇,或有任何網頁制作CSS問題立即到CSS論壇發貼求解 或 直接DIVCSS5網頁頂部搜索遇到DIVCSS疑問。
CSS教程文章修訂日期:2013-06-06 12:47 原創:DIVCSS5
本文www.mcowk.com.cn DIVCSS5版權所有。

福彩幸运武林开奖