歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!

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.khijtf.live/html/h537.shtml

江西多乐彩走势图今天 吉林麻将游戏免费下载 ro法师赚钱挂什么 可转债卷买了能赚钱吗 万豪彩票苹果 龙角赚钱方法 微信捕鱼赚钱方法大全 医生树怎么赚钱 1000倍捕鱼游戏网络版 网上答题赚钱 网上答题赚钱 龙王捕鱼规律 如何帮比人转发说说赚钱 期货很难赚钱 江西宜春麻将技巧 珠宝店不赚钱 手机杭州麻将微信群 大庆 小芳打工赚钱