8個簡單實用的CSS秘訣

來源:互聯網
上載者:User

#1. 結構
保持CSS結構清晰,不僅有助於保持CSS檔案的簡單,也利於日後的檢查、更改。

#2. 保持簡潔
保持代碼簡潔,可以大幅減小CSS檔案的大小。

#3. Padding vs. Margin
對於瀏覽器來說,Margin是相容性最差的一個屬性。因此,只要條件允許,應該儘可能的使用Padding屬性。

#4. 整合
在下面的例子中定義了一個公用的Class,來代替不同的地方都要用到的相同的代碼:color:grey。

#5. 注釋
在適當的位置加入一條簡單的注釋,不僅有助於你瞭解代碼,其他人也可以很好的理解你的代碼。

#6. 驗證
最好對已經建立好的CSS檔案進行驗證,這樣可以協助你找到檔案中存在的錯誤。

#7. 避免在XHTML中使用樣式
不要在Xhtml代碼中使用樣式,這樣不僅會增加網頁檔案的大小,而且也會使代碼混亂,變複雜。

#8. 命名
使用標準的可以從字面上正確理解的ID和Class名稱,而不僅僅是代號。

相關文章
阿里云产品大规模降价
  • 最高幅度達59%,平均降幅23%
  • 核心產品降價
  • 多地區降價
undefined. /
透過 Discord 與我們聯繫
  • 安全、匿名的群聊,不受干擾
  • 隨時了解活動、活動、新產品等訊息
  • 支持您的所有問題
undefined. /
免費試用
  • 開啟從ECS到大數據的免費試用之旅
  • 只需三步 輕鬆上雲
  • 免費試用ECS t5 1C1G
undefined. /

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.