DIV CSS 佈局教程網

(四)class的命名:

(1)顏色:使用顏色的名稱或者16進制代碼,如

.red{color:red;}  
 
.f60{color:#f60;}  
 
.ff8600{color:#ff8600;}  
 

(2)字體大小,直接使用’font+字體大小’作為名稱,如

.font12px{font-size:12px;}  
 
.font9pt{font-size:9pt;}  
 

(3)對齊樣式,使用對齊目標的英文名稱,如

.left{float:left;}  
 
.bottom{float:bottom;}  
 

(4)標題欄樣式,使用’類別+功能’的方式命名,如

.barnews{}  
 
.barproduct{}  
 

注意事項::

1.一律小寫;

2.盡量用英文;

3.不加中槓和下劃線;

4.盡量不縮寫，除非一看就明白的單詞.

主要的master.css模塊module.css基本共用base.CSS

布局，版面layout.css主題themes.css專欄columns.CSS

文字font.css表單forms.css補丁mend.css打印print.CSS

◆DIV排版的核心：即CSS盒子模式

CSS每個div盒子模式包括：內容(content)、填充(padding)、邊框(border)、邊界(margin)

【編輯推薦】

1. 五大常用Div高度自適應的方法
2. IE6.0對padding的解讀分析
3. CSS中position屬性的用法和作用
4. Float構建三欄DIV CSS網頁布局
5. 技術分享 如何使用CSS控制超鏈接文字樣式