年前整理的Css规范
css編碼規(guī)范
一、 基本約定
1.????????所有的CSS的盡量采用外部調(diào)用,確定只有本頁面調(diào)用的css除外。
2.????????文件頭部加上文件信息，必須包括文件描述、作者、修改人(更新人+時間)
3.????????編碼格式：使用UTF-8
4.????????字號用像素px來定義
5.????????排版中首行縮進用css來處理，不要使用全角空格來達到效果
6.????????為了最大程度的發(fā)揮瀏覽器自動排版的功能，在一段完整的文字中請盡量不要使用<br>來人工干預(yù)分段。
7.????????所有的字號都應(yīng)該用樣式表來實現(xiàn)。
8.????????行距用百分比來定義，常用的兩個行距的值是line-height:120%/150%.
9.????????網(wǎng)站中的路徑全部采用相對路徑。
10.????控件名稱統(tǒng)一匈牙利命名規(guī)則。
11.????采用通俗易懂的英文單詞并按內(nèi)容/功能命名，除布局、唯一獨立模塊外建議少用id，必須保證id唯一性
12.????禁止濫用！important（使用前必須討論確認不會造成其他BUG或者維護問題）
13.????每個樣式屬性后（必須）加";"
二、CSS命名參考
1.????????一律采用小寫中劃線方式命名，如 xxx-yyy，禁止出現(xiàn)大寫字母
2.????????盡可能提高代碼模塊的復(fù)用，復(fù)用模塊、獨立模塊可按xxx-mod命名（-mod可不寫），mod下面再取xxx-hd（頭部）、xxx-bd（內(nèi)容）、xxx-ft（底部）命名
三、CSS樣式書寫順序
1、顯示屬性
* display * list-style * position * float * clear
2、自身屬性
* width * height * margin * padding * border * background
3、文本屬性
* color * font * text-decoration * text-align
* vertical-align * white-space * other text * content
4、其它屬性
這里尤其要注意的是a:linka:visited a:hover a:actived 的排列順序一定要嚴格照上面的樣例代碼，否則或多或少會出問題。另外我們規(guī)定重定義的最先，偽類其次，自定義最后，便于自己和他人閱讀。
?
總結(jié)
以上是生活随笔為你收集整理的年前整理的Css规范的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
