這篇文章主要介紹了CSS中的class與id區別及用法的解析，有著一定的參考價值，現在分享給大家，有需要的朋友可以參考一下
用p CSS製作Xhtml網頁頁面時，常會用到class 和id來選擇呼叫CSS樣式屬性，那麼什麼時候該用class，什麼時候又用id，下面詳細了解CLASS與ID基本屬性及用法
我們平常在用p CSS製作Xhtml網頁頁面時，常會用到class 和id來選擇呼叫CSS樣式屬性。對學習CSS的新手來說class和id可能比較模糊，同時不知道什麼時候該用class，什麼時候又用id，以及它們用法與限制是怎麼樣的。接下來我們就來詳細了解CLASS與ID基本屬性及用法。
Class 在程式中稱為“類別”，同時在CSS中也書面語也叫“類別”。在CSS樣式中以小寫的「點」及「.」來命名如： .css5{屬性：屬性值;} ,而在html頁面裡則以class="css5" 來選擇呼叫,命名好的CSS又叫css選擇器。如： .css5{屬性：屬性值;} 選擇器在html呼叫為「
我是class範例
」如果不知道怎麼引用CSS，那就可以了解下css引用。我是ID範例
。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>p CSS中CLASS与ID实例 - -p+CSS-www.pcss5.com</title>
<style>
.css5{ width:100px; height:100px; border:1px solid #000; float:left; }
.css5_class{ background:#FFF;} /* 背景白色 */
#css5_id{ background:#FF0000;} /* 背景红色 */
</style>
</head>
<body>
<p class="css5 css5_class">我在浏览器下浏览，内容背景将是白色</p>
<p class="css5" id="css5_id">我在浏览器下浏览，内容背景将是红色</p>
</body>
</html>接下來我們分析一下以上實例：class="css5 css5_class" 怎麼是這樣的？這裡是相當於呼叫選擇了class類別css5與css5_class 。 class="css5" id="css5_id" 這裡同樣是選擇呼叫了class類別 :css5和id :css5_id 。
本頁透過CSS實例與CLASS類別和ID分別的講解，相信您能從此深刻認識和區分它們並且靈活。特別注意：在命名id和class類別的時候特別要注意大小寫，ID和class是對大小寫非常敏感的，最好以英文開頭，不要用中文命名CSS類名。
以上就是本文的全部內容，希望對大家的學習有所幫助，更多相關內容請關注PHP中文網！
相關推薦：
以上是關於CSS中的class與id區別及用法的解析的詳細內容。更多資訊請關注PHP中文網其他相關文章！
