用CSS約定寫法詳解

　　以前在程序中，有美工設(shè)計好了靜態(tài)頁面，而我們程序員將其整理成動態(tài)頁面(例如jsp頁面)，一般程序員是不會管像圖片、樣式這樣的東西，直接拿來就用了。這時可能出現(xiàn)下面幾個問題：

　　1 修改過幾次后，會出現(xiàn)無用的樣式或者圖片;

　　2 不同頁面所用的樣式可能在一個css文件中，查找起來非常的麻煩。

　　3 沒有良好的結(jié)構(gòu)，對以后的擴展(例如換膚)非常不利

　　4 樣式或者圖片名稱起的很隨意或者不符合實際要求，對理解有一定的影響。

　　下面是總結(jié)的一些css使用約定：

　　1盡量使用外部鏈接的方式引入css

　　2 css文件開發(fā)版本中盡量加入樣式注釋

　　3 css命名規(guī)則：

　　css文件名稱建議具有實際意義，例如，公用css可以命名為cmm.css、郵件專用css可以命名為：mail.css

　　4 css樣式命名規(guī)則：

　　樣式命名建議根據(jù)實際用途進行命名，例如，用于標題的樣式可以.title{};

　　盡可能的保證不同css中定義的樣式不會發(fā)生命名上的沖突，以免造成不必要的相互影響

　　5 css用到的圖片放置規(guī)則：

　　Css用到的圖片，主要是背景�？梢园凑杖缦乱�(guī)則去做：

　　在css文件相同目錄下建立文件夾images.在images下新建與css同名的文件夾(不帶.css后綴名稱)，css文件的圖片均放在這里面，demo3.html

　　詳見示例：demo3.html

　　6建議將布局css與皮膚css分開編寫。

　　布局Css即那些對網(wǎng)站骨骼結(jié)構(gòu)產(chǎn)生影響的css，比如寬高、border、margin等等。

　　皮膚CSS指的是諸如顏色、背景圖片這樣的，不會對頁面骨骼結(jié)構(gòu)產(chǎn)生影響的css。這里分開，主要是為了以后的換膚功能，如不實現(xiàn)換膚的話，可以寫在一起。

　　7布局css如果只用到一次(在一個頁面中的一處地方使用)，可以寫在頁面中，甚至直接寫在html元素中，如果用到2次以上(同一頁面或者不同頁面中)，必須歸納出來形成獨立的css。

【用CSS約定寫法詳解】相關(guān)文章：

CSS中position屬性的使用詳解07-25

詳解CSS的相對定位和絕對定位07-22

CSS中樣式覆蓋優(yōu)先順序詳解05-15

導(dǎo)游詞的寫法詳解05-20

用CSS讓DIV層水平居中實例05-16

Dreamweaver下用CSS制作網(wǎng)頁的技巧07-04

用單div實現(xiàn)CSS繪圖方法08-11

用CSS讓p層水平居中實例04-08

什么是CSS03-02