DIV CSS 佈局教程網

4.整合

在下面的例子中定義了一個公共的Class，來代替不同的地方都要用到的相同的代碼：color:grey。

.header-content{  
 
font-size;12px;  
 
color:grey;  
 
}  
 
.body_content{  
 
font-size:12px;  
 
color:grey;  
 
}  
 
.footer_content{  
 
font-size:11px;  
 
color:grey;  
 
}  
 

其實可以這樣：

*{color:grey;}  
 
.body_content{font-size:12px;}  
 
.footer_content{font-size:11px;}  

5.注釋

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

/*這裡開始定義網址www.zDBase.com*/

6.驗證

最好對已經創建好的CSS文件進行驗證，這樣可以幫助你找到文件中存在的錯誤。

7.避免在XHtml中使用樣式

不要在XHtml代碼中使用樣式，這樣不僅會增加網頁文件的大小，而且也會使代碼混亂，變復雜。例如下面這種不推薦：

<divstyledivstyle="color:redpadding:20px"> 
 
<h2>這種用樣式的方法不好h2> 
 
div> 
 

8.命名

使用標准的可以從字面上正確理解的ID和Class名稱，而不僅僅是代號。

下面這種不推薦：

.a1{color:grey;}  
 
.b1{font-size:11px;}  

推薦這種寫法：

.body_content{color:grey;}  
 
.foot_content{font-size:11px;}