大家看了就明白了css樣式中類class與標(biāo)識id選擇符的區(qū)別小結(jié)
更新時間：2007年12月09日 14:10:35 作者：
你可以用類選擇符class和標(biāo)識選擇符id來定義自己的選擇符。
這樣做的好處是，依賴于class或者id，你可以不同地表現(xiàn)相同的HTML元素。
在CSS中，類選擇符在一個半角英文句點（.）之前，而id則在半角英文井號（#）之前。
看起來像這樣：
#top { background-color: #ccc; padding: 1em } .intro { color: red; font-weight: bold; }
HTML與CSS的連接用屬性id和class。像這樣：
<div id="top"> <h1>Chocolate curry</h1> <p class="intro">This is my recipe for making curry purely with chocolate</p> <p class="intro">Mmm mm mmmmm</p> </div>
id和class不同之處在于，id用在唯一的元素上，而class則用在不止一個的元素上。
你也可以為一個指定的HTML元素應(yīng)用選擇符，把HTML選擇符放置在前面就可以了，所以， p.jam { whatever }會應(yīng)用在有類“jam”的段落上。
一個id名稱在一個頁面里面通常是唯一定義的,因此在頁面里定義css通常建議使用class,這樣你可以重復(fù)使用你的css. 而把id留給最需要使用html元素的javascript等
這樣做的好處是，依賴于class或者id，你可以不同地表現(xiàn)相同的HTML元素。
在CSS中，類選擇符在一個半角英文句點（.）之前，而id則在半角英文井號（#）之前。
看起來像這樣：
#top { background-color: #ccc; padding: 1em } .intro { color: red; font-weight: bold; }
HTML與CSS的連接用屬性id和class。像這樣：
<div id="top"> <h1>Chocolate curry</h1> <p class="intro">This is my recipe for making curry purely with chocolate</p> <p class="intro">Mmm mm mmmmm</p> </div>
id和class不同之處在于，id用在唯一的元素上，而class則用在不止一個的元素上。
你也可以為一個指定的HTML元素應(yīng)用選擇符，把HTML選擇符放置在前面就可以了，所以， p.jam { whatever }會應(yīng)用在有類“jam”的段落上。
一個id名稱在一個頁面里面通常是唯一定義的,因此在頁面里定義css通常建議使用class,這樣你可以重復(fù)使用你的css. 而把id留給最需要使用html元素的javascript等
相關(guān)文章
不錯，可以方便提示用戶等信息2008-08-08
CSS學(xué)習(xí)越深入，我們需要關(guān)注的細(xì)節(jié)之處就越多，今天我們通過11個注意點來提高CSS的網(wǎng)頁渲染效率。2008-08-08
div+CSS網(wǎng)頁布局的意義與副作用原因小結(jié)
隨著WEB2.0標(biāo)準(zhǔn)化設(shè)計理念的普及，國內(nèi)很多大型門戶網(wǎng)站已經(jīng)紛紛采用DIV+CSS制作方法，從實際應(yīng)用情況來看，此種方法絕對好于表格制作頁面的方法。2008-09-09
在IE下拖動滾動條時border消失的解決方法...2007-01-01
前兩天特意裝了一下IETester，用以方便測試，裝好后使用發(fā)現(xiàn)IE8有兩個地方需要大家注意。2008-06-06
采用XHTML和CSS設(shè)計可重用可換膚的WEB站點的方法
隨著XHTML的逐漸推廣流行，HTML 在許多場合已經(jīng)顯得過時。World Wide Web Consortium (W3C) 于 2000 年 6 月 26 日發(fā)布了 XHTML 的第一個版本作為推薦標(biāo)準(zhǔn)。2008-09-09
層自動適應(yīng)高度...2006-11-11
[紅色]從gb到utf-8...2006-12-12
調(diào)用265天氣預(yù)報，不顯示鏈接...2006-12-12
純CSS生成抗鋸齒圓角的代碼...2007-08-08