CSS常用命名

1、CSS注釋

/*-----------------------------------------        FileName:               base.css        Author:                 Libing
　　　　 Version：               1.0.0         CreateDate：            2013-03-17        Description：        Contents：        Modifier：               Libing        ModifyDate:              2013-03-17
　　　　 Version：                1.0.1        Description：        Contents:-------------------------------------------*/

2、CSS檔案名稱

　　基礎公用：base.css

　　布局：layout.css

　　主題：themes.css

　　模組：modules.css

　　專欄：columns.css

　　文字：font.css

　　表單：forms.css

　　列印：print.css

　　捲軸：scrollbar.css

3、CSS檔案

　　base.css

/*--------------------------------------------    FileName:           base.css    Author:             Libing    Version:            1.0.0    CreateDate:         2013-03-17    Description:    Contents:    Modifier:    Version:    ModifyDate:    Description:    Contents:---------------------------------------------*/*{    margin: 0;    padding: 0;}body{}a:link{}a:visited{}a:hover{}a:active{}ol, ul{    list-style: none;}table{    border-collapse: collapse;    border-spacing: 0;}

 　　forms.css

/*--------------------------------------------    FileName:           forms.css    Author:             Libing    Version:            1.0.0    CreateDate:         2013-03-17    Description:    Contents:    Modifier:    Version:    ModifyDate:    Description:    Contents:---------------------------------------------*/img{    border: none;}

4、CSS常用命名

　　背景圖片：bg_

      按鈕：btn_

　　表徵圖：icon_          如 icon_delete、icon_search

　　標籤頁：tab_bg、tab_icon_selected、tab_icon_normal

　　頁頭：header

　　頁面主題：main

　　頁尾：footer

　　標誌：logo

　　橫幅：banner

　　頂欄：topbar

　　側欄：sidebar

　　下拉欄：slidebar

　　工具列：toolbar

　　導航：nav

　　子導航：subnav

　　菜單：menu

　　子功能表：submenu

　　搜尋：search

　　搜尋欄：searchbar

　　搜尋方塊：searchbox

　　提示訊息：msg

　　小技巧：tips

　　標題：title

　　摘要：summary

　　註冊：register

　　登入：login

　　服務：service

　　新聞：news

　　下載：download

　　熱點：hot

　　指南：guide

　　加入我們：joinus

　　聯絡我們：contractus

　　關於我們：aboutus

　　友情連結：friendlink

　　著作權：copyright

　　夥伴：partner

　　狀態：status

　　投票：vote

　　通知公告：notice

　　注釋：note

　　案頭：desktop

　　歡迎：welcome

　　縮圖：thumbnail

　　高亮：highlight

　　序言：preface

　　公司簡介：profile

　　企業文化：culture

　　資質認證：quality certification

　　組織機構：organization

　　業務範圍：business scope

　　行業新聞：trade news

　　行業動態：trends

　　品牌：brand

　　規格：specification

　　行業：industry

　　規劃：programming

　　意見反饋：feedback

　　常見問題：FAQ

　　專題報道：special report

5、CSS壓縮

　　CSSTidy:http://csstidy.sourceforge.net/