DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 八大技巧輕松書寫CSS(1)
八大技巧輕松書寫CSS(1)
編輯:CSS詳解     

本文向大家描述一下書寫CSS簡單實用的8個技巧,主要包括結構,整合,注釋和驗證等內容,希望對你的學習有所幫助。

書寫CSS簡單實用的8個技巧

這篇文章主要幫助剛接觸CSS的朋友,通過該文章,可以幫助大家更好的理解CSS。

1.結構

保持CSS結構清晰,不僅有助於保持CSS文件的簡單,也利於日後的檢查、更改。

這種不推薦:

BODY

  1. {margin-top:5px;
  2. font-family:Arial,Helvetica,
  3. sans-serif;font-size:14px;color:#3b5f83;}

推薦這種寫法:

BODY

  1. {
  2. margin-top:5px;
  3. font-family:Arial,Helvetica,sans-serif;
  4. font-size:14px;
  5. color:#3b5f83;
  6. }

2.保持簡潔

保持代碼簡潔,可以大幅減小CSS文件的大小。

不推薦:

  1. padding-top:10px;
  2. padding-right:5px;

可以簡寫:

  1. padding:10px5px00;

3.Paddingvs.Margin

對於浏覽器來說,Margin是兼容性最差的一個屬性。因此,只要條件允許,應該盡可能的使用Padding屬性。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved