二、樣式都用class而不用id。 有三個理由,一,id不可以重復(fù),所以用class的話,可以肆無忌憚的用無數(shù)次。二,id的優(yōu)先級太高,若是寫了一個#page_content a {color:#f60} ,那你完蛋了,里面要改鏈接顏色,都必須加上#page_content才能越過這個優(yōu)先級。三,id專門留給js用,這樣才符合表現(xiàn)與行為分離的原則。所以id我用駝峰式,也是為了體現(xiàn)這一點。
三、margin和padding,盡量省略最后一個值。 比如margin: 20px 10px 5px 10px; ,左右值是一樣的,就應(yīng)該省略掉最后一個值,寫成margin: 20px 10px 5px; 這樣到時候要改左右間距,改一個就好,免得改漏了。其實這個問題雖然很細小,但是可以看得出對margin四個值省略規(guī)則的熟練程度。
五、記得加空格。 .class_name { property: value; } 。我個人覺得合理的空格是優(yōu)秀代碼的一個指標。按英文的習(xí)慣,標點后面都應(yīng)該帶空格(如果你寫this is a pen.that’s a pencil.句點后面不加空格, word里面會有錯誤提示)。所以既然css是外國人發(fā)明的,應(yīng)該按他們的格式來寫。類似的,在js里var a = b + c;里面的空格也應(yīng)該都要加。