新聞資訊

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

#1. 結構

保持CSS結構清晰,不(bù)僅有(yǒu)助于保持CSS文(w €σén)件(jiàn)的(de)簡單,也(yě)利于日(rì)後的(de)檢<π ≥查、更改。

#2. 保持簡潔
保持代碼簡潔,可(kě)以大(dà)幅減小(xiǎo)CSS文(wén)件↔§≤(jiàn)的(de)大(dà)小(xiǎo)。

#3. Padding vs. Margin
對(duì)于浏覽器(qì)來(lái)說(shuō),Margin是€××(shì)兼容性最差的(de)一(yī)個(gè)屬性。因此,隻要(‍≠γβyào)條件(jiàn)允許,應該盡可(kě)能(né‌→<≈ng)的(de)使用(yòng)Padding屬性。

#4. 整合
在下(xià)面的(de)例子(zǐ)中定義了(le)一(yīλ★)個(gè)公共的(de)Class,來(lái£§☆)代替不(bù)同的(de)地(dì)方都(dōu)要(<♣₽yào)用(yòng)到(dào)的(de)相(xià​$εng)同的(de)代碼:color:grey。

#5. 注釋
在适當的(de)位置加入一(yī)條簡單的≥"≤(de)注釋,不(bù)僅有(yǒu)助于你(< ₩nǐ)了(le)解代碼,其他(tā)人(rén≤ )也(yě)可(kě)以很(hěn)好(hǎo≥®®')的(de)理(lǐ)解你(nǐ)的(de)代碼。

#6. 避免在XHTML中使用(yòng)樣式
不(bù)要(yào)在Xhtml代碼中使用(yòng)樣式,這(zhè)βδ♠∑樣不(bù)僅會(huì)增加網頁文(wén)件(jiàn)的(de)大(ββ®dà)小(xiǎo),而且也(yě)會(huì)使代碼混亂,變複雜(zá)≈ φ。