新聞資訊

6個(gè)簡單實用的(de)CSS秘訣

#1. 結構

保持CSS結構清晰,不(bù)僅有助于(yú)保持CSS文件的(de)簡單,也(yě)利于(yú)日後的(de)檢查、更改。

#2. 保持簡潔
保持代碼簡潔,可以(yǐ)大(dà)幅減小CSS文件的(de)大(dà)小。

#3. Padding vs. Margin
對于(yú)浏覽器來(lái)說(shuō),Margin是(shì)兼容性最差的(de)一(yī / yì /yí)個(gè)屬性。因此,隻要(yào / yāo)條件允許,應該盡可能的(de)使用Padding屬性。

#4. 整合
在(zài)下面的(de)例子(zǐ)中定義了(le/liǎo)一(yī / yì /yí)個(gè)公共的(de)Class,來(lái)代替不(bù)同的(de)地(dì / de)方都要(yào / yāo)用到(dào)的(de)相同的(de)代碼:color:grey。

#5. 注釋
在(zài)适當的(de)位置加入一(yī / yì /yí)條簡單的(de)注釋,不(bù)僅有助于(yú)你了(le/liǎo)解代碼,其他(tā)人(rén)也(yě)可以(yǐ)很好的(de)理解你的(de)代碼。

#6. 避免在(zài)XHTML中使用樣式
不(bù)要(yào / yāo)在(zài)Xhtml代碼中使用樣式,這(zhè)樣不(bù)僅會增加網頁文件的(de)大(dà)小,而(ér)且也(yě)會使代碼混亂,變複雜。