大家看了就明白了css樣式中類class與標(biāo)識id選擇符的區(qū)別小結(jié)
更新時(shí)間:2007年12月09日 14:10:35 作者:
你可以用類選擇符class和標(biāo)識選擇符id來定義自己的選擇符。
這樣做的好處是,依賴于class或者id,你可以不同地表現(xiàn)相同的HTML元素。
在CSS中,類選擇符在一個(gè)半角英文句點(diǎn)(.)之前,而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則用在不止一個(gè)的元素上。
你也可以為一個(gè)指定的HTML元素應(yīng)用選擇符,把HTML選擇符放置在前面就可以了,所以, p.jam { whatever }會應(yīng)用在有類“jam”的段落上。
一個(gè)id名稱在一個(gè)頁面里面通常是唯一定義的,因此在頁面里定義css通常建議使用class,這樣你可以重復(fù)使用你的css. 而把id留給最需要使用html元素的javascript等
這樣做的好處是,依賴于class或者id,你可以不同地表現(xiàn)相同的HTML元素。
在CSS中,類選擇符在一個(gè)半角英文句點(diǎn)(.)之前,而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則用在不止一個(gè)的元素上。
你也可以為一個(gè)指定的HTML元素應(yīng)用選擇符,把HTML選擇符放置在前面就可以了,所以, p.jam { whatever }會應(yīng)用在有類“jam”的段落上。
一個(gè)id名稱在一個(gè)頁面里面通常是唯一定義的,因此在頁面里定義css通常建議使用class,這樣你可以重復(fù)使用你的css. 而把id留給最需要使用html元素的javascript等
相關(guān)文章
提高CSS網(wǎng)頁渲染效率的11點(diǎn)注意事項(xiàng)
CSS學(xué)習(xí)越深入,我們需要關(guān)注的細(xì)節(jié)之處就越多,今天我們通過11個(gè)注意點(diǎn)來提高CSS的網(wǎng)頁渲染效率。2008-08-08div+CSS網(wǎng)頁布局的意義與副作用原因小結(jié)
隨著WEB2.0標(biāo)準(zhǔn)化設(shè)計(jì)理念的普及,國內(nèi)很多大型門戶網(wǎng)站已經(jīng)紛紛采用DIV+CSS制作方法,從實(shí)際應(yīng)用情況來看,此種方法絕對好于表格制作頁面的方法。2008-09-09采用XHTML和CSS設(shè)計(jì)可重用可換膚的WEB站點(diǎn)的方法
隨著XHTML的逐漸推廣流行,HTML 在許多場合已經(jīng)顯得過時(shí)。World Wide Web Consortium (W3C) 于 2000 年 6 月 26 日發(fā)布了 XHTML 的第一個(gè)版本作為推薦標(biāo)準(zhǔn)。2008-09-09調(diào)用265天氣預(yù)報(bào),不顯示鏈接
調(diào)用265天氣預(yù)報(bào),不顯示鏈接...2006-12-12