下面列出了一些可以幫助你改善CSS樣式表的簡單實用的方法,如果你剛剛開始使用CSS,這篇日志可以幫助你更好的理解CSS。
#1. 結構
保持CSS結構清晰,不僅有助于保持CSS文件的簡單,也利于日后的檢查、更改。
#2. 保持簡潔
保持代碼簡潔,可以大幅減小CSS文件的大小。
#3. Padding vs. Margin
對于瀏覽器來說,Margin是兼容性最差的一個屬性。因此,只要條件允許,應該盡可能的使用Padding屬性。
#4. 整合
在下面的例子中定義了一個公共的Class,來代替不同的地方都要用到的相同的代碼:color:grey。
#5. 注釋
在適當的位置加入一條簡單的注釋,不僅有助于你了解代碼,其他人也可以很好的理解你的代碼。
#6. 驗證
最好對已經創建好的CSS文件進行驗證,這樣可以幫助你找到文件中存在的錯誤。W3C CSS 驗證服務
#7. 避免在XHTML中使用樣式
不要在Xhtml代碼中使用樣式,這樣不僅會增加網頁文件的大小,而且也會使代碼混亂,變復雜。
#8. 命名
使用標準的可以從字面上正確理解的ID和Class名稱,而不僅僅是代號。
推薦設計
優秀海報設計精選集(8)海報設計2022-09-23
充滿自然光線!32平米精致裝修設計2022-08-14
親愛的圖書館 | VERSE雜誌版版式設計2022-07-11
生活,就該這麼愛!2022天海報設計2022-06-02
最新文章
用css實現文字的自動隱藏html+css2011-11-14
常用CSS縮寫語法總結html+css2011-11-14
用CSS設計高用戶體驗的whtml+css2011-11-14
由淺入深漫談margin屬性html+css2011-11-14