大主宰txt全集下载,手机推荐排行榜

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案

CSS中的class與id區(qū)別及用法

本文和大家重點討論一下CSS中的class與id區(qū)別及用法，對學習CSS的新手來說class和id可能比較模糊，同時不知道什么時候該用class，什么時候又用id，以及它們用法與限制是怎么樣的。相信通過本節(jié)的介紹你對CSS中的class與id區(qū)別及用法一定會有明確的認識。

創(chuàng)新互聯(lián)是網(wǎng)站建設技術企業(yè)，為成都企業(yè)提供專業(yè)的成都網(wǎng)站制作、網(wǎng)站建設、外貿(mào)網(wǎng)站建設，網(wǎng)站設計，網(wǎng)站制作，網(wǎng)站改版等技術服務。擁有10余年豐富建站經(jīng)驗和眾多成功案例，為您定制適合企業(yè)的網(wǎng)站。10余年品質，值得信賴！

CSS中的class與id區(qū)別及用法

我們平常在用DIV CSS制作Xhtml網(wǎng)頁頁面時，常會用到class和id來選擇調(diào)用CSS樣式屬性。對學習CSS的新手來說class和id可能比較模糊，同時不知道什么時候該用class，什么時候又用id，以及它們用法與限制是怎么樣的。接下來我們就來詳細了解CLASS與ID基本屬性及用法。

◆Class在程序中稱“類”，同時在CSS中也書面語也叫“類”。在CSS樣式中以小寫的“點”及“.”來命名如：.css5{屬性：屬性值;},而在html頁面里則以class="css5"來選擇調(diào)用,命名好的CSS又叫css選擇器。如：.css5{屬性：屬性值;}選擇器在html調(diào)用為“我是class例子

”如果不知道怎么引用CSS，那就可以了解下css引用。

而且class(類)在同一個html網(wǎng)頁頁面可以無數(shù)次的調(diào)用相同的class類，在這里例子里則可以在對應的網(wǎng)頁里可以無數(shù)次調(diào)用選擇“css5”。這也說明class一般是用來調(diào)用css中的預配制屬性的，比如說有一個預配制屬性為如這里的“.class01{屬性：屬性值;}”，這樣就可以像調(diào)用函數(shù)一樣不用再一個網(wǎng)頁頁面里重復的配置一個“類”屬性，而只需要寫上一個class類選擇，就可以在同一個頁面里任何位置調(diào)用選擇具有相同的CLASS類。

◆ID是表示著標簽的身份，在JS腳本中會用到id，當JS要修改一個標簽的屬性時，JS會將id名作為該標簽的唯一標識進行操作。也就是說ID只是頁面元素的標識，供其他元素腳本等引用。假如你的頁面里出現(xiàn)了兩個ID那JS效果特性較出現(xiàn)邏輯錯誤不知道依據(jù)哪個ID來改變其標簽屬性。在CSS里的ID不一定為JS而設置的，但是同樣ID在頁面里也只能出現(xiàn)一次，并且是唯一性。雖然可能我們才學DIV+CSS愛好者在一個頁面里同時調(diào)用相同的ID多次但是仍然沒有出現(xiàn)頁面混亂錯誤，但是我們?yōu)榱薟3C及各個標準我們也要遵循ID在一個頁面里唯一性。以免出現(xiàn)瀏覽器兼容問題。

Div CSS頁面中的ID是怎么個用法呢？

通常我們在CSS樣式定義的時候以“#”來開頭命名id名稱如：#css5{屬性:屬性值;}這個也有點像class的定義，只是class是以小寫句號“.”開頭命名，而ID是以“#”好開頭定義。那id是怎么個用法呢？Css里的ID用法與class用法一樣，只是把class換成id。如例子：在CSS樣式定義ID---#css5{height:25px;width:200px;},調(diào)用ID---我是ID例子

。

接下來我們來看下完整關于CLASS和ID實例：

 
 
 
  
  
  
  
  
  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  
  
  
  
  
  
  
  
  
  
  
  DIVCSS中CLASS與ID實例--DIV+CSS-www.divcss5.com
  
  
  
  
  
  
  
  
  
  
  
  我在瀏覽器下瀏覽，內(nèi)容背景將是白色

我在瀏覽器下瀏覽，內(nèi)容背景將是紅色

接下來我們分析一下以上實例：class="css5css5_class"怎么是這樣的？這里是相當于調(diào)用選擇了class類css5與css5_class。class="css5"id="css5_id"這里同樣是選擇調(diào)用了class類:css5和id:css5_id。

本頁通過CSS實例與CLASS類和ID分別的講解，相信您能從此深刻認識和區(qū)分它們并且靈活。特別注意：在命名id和class類的時候特別要注意大小寫，ID和class是對大小寫非常敏感的，***以英文開頭，不要用中文命名CSS類名。歡迎來到DIVCSS5希望本頁對你有幫助！

新聞名稱：CSS中的class與id區(qū)別及用法
轉載源于：http://fisionsoft.com.cn/article/cdpesed.html

新聞中心

其他資訊