css初學(xué)者在剛開(kāi)始用div+css布局的時(shí)候,常常被一個(gè)問(wèn)題所困擾:當(dāng)定義一個(gè)屬性時(shí),是使用id,還是使用class?在這我談下自己在工作中對(duì)id和class的使用原則。希望對(duì)初學(xué)者有所幫助。
[b]id的使用原則[/b]
我們知道id具有唯一性,也就是說(shuō)在整個(gè)xhtml中id是不能重復(fù)的,所以我們?cè)趯?xiě)網(wǎng)頁(yè)的時(shí)候,大的結(jié)構(gòu)用id,比如:logo、導(dǎo)航、主體內(nèi)容、版權(quán)等,根據(jù)命名規(guī)范分別命名為#logo、#nav、#contenter、#copyright。還有一種情況就是:我們要通過(guò)js作用一個(gè)層,以實(shí)現(xiàn)某種效果的時(shí)候,用id。這也是由id的唯一性決定的。
[b]class的使用原則[/b]
class在css定義中具有普遍性,可以無(wú)限次的重復(fù)使用,這也體現(xiàn)了div+css布局的優(yōu)越性。class常用于結(jié)構(gòu)內(nèi)部,這樣做的好處是有利于網(wǎng)站代碼的后期維護(hù)與修改,這樣會(huì)讓所有的class成為id的子級(jí)或者孫級(jí)。
另外需要注意一點(diǎn)的是盡量不要讓class包含id,比如.ff #childer{。..},這樣做顯然不可取,不符合書(shū)寫(xiě)習(xí)慣。前面也介紹過(guò)良好的書(shū)寫(xiě)習(xí)慣,對(duì)寫(xiě)出規(guī)范的代碼,和其他同事的合作,以至于后期的維護(hù)都是很有好處的。
