與您分享四個(gè)CSS習(xí)慣
一、用class_name方式寫(xiě)類(lèi)名。
以前喜歡用class-name寫(xiě)，不過(guò)好像兩樣也沒(méi)什么差別。但我比較反對(duì)用className寫(xiě)類(lèi)名，因?yàn)槭冀K對(duì)瀏覽器大小寫(xiě)敏感的問(wèn)題抱有懷疑態(tài)度。但是id我會(huì)寫(xiě)成駝峰式，理由見(jiàn)下一條。
二、樣式都用class而不用id。
有三個(gè)理由，一，id不可以重復(fù)，所以用class的話(huà)，可以肆無(wú)忌憚的用無(wú)數(shù)次。二，id的優(yōu)先級(jí)太高，若是寫(xiě)了一個(gè)#page_content a {color:#f60} ，那你完蛋了，里面要改鏈接顏色，都必須加上#page_content才能越過(guò)這個(gè)優(yōu)先級(jí)。三，id專(zhuān)門(mén)留給JS用，這樣才符合表現(xiàn)與行為分離的原則。所以id我用駝峰式，也是為了體現(xiàn)這一點(diǎn)。
三、margin和padding，盡量省略最后一個(gè)值。
比如margin: 20px 10px 5px 10px; ，左右值是一樣的，就應(yīng)該省略掉最后一個(gè)值，寫(xiě)成margin: 20px 10px 5px; 這樣到時(shí)候要改左右間距，改一個(gè)就好，免得改漏了。其實(shí)這個(gè)問(wèn)題雖然很細(xì)小，但是可以看得出對(duì)margin四個(gè)值省略規(guī)則的熟練程度。
四、按標(biāo)準(zhǔn)寫(xiě)CSS，再針對(duì)特定瀏覽器作hack。
與您分享四個(gè)CSS習(xí)慣
本站僅提供存儲(chǔ)服務(wù)，所有內(nèi)容均由用戶(hù)發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)
點(diǎn)擊舉報(bào)。
