前端開發人員要注意的css規範，css命名。

剛工做的時候也沒注意關於css的規則，根據本身的心情想怎麼用就怎麼用，完成工做就好不會考慮代碼的可讀性，加載的性能，如今身爲前端的一員就要有程序員的自我修養(嘿嘿，是否是頗有責任感啊)。

廢話很少說，如今開始寫關於css 規範的一些內容，首先css規範有：css文件命名，標籤css命名，css順序

1、css文件命名

　　1.在同一個項目中，作好創建一個專門寫css的文件，裏面有公共的文件，把初始化的內容寫在裏面，還有開發過程當中你們常常用到的樣式（在開發過程慢慢添加），最好都寫在公共樣式，保證項目樣式的統一性，增大咱們開發的速度。好比：清楚浮動，經常使用的輪播圖樣式，卡片佈局樣式，列表佈局樣式等等

　　2.css文件命名用字母、‘_’、'-'、數字組成，必須以字母開頭，不能爲純數字。

　　3.文件的命名最好與模塊的名稱相同，這樣開發過程你們看到這個文件夾就知道是哪裏用的，最好用簡單英文你們都知道的單詞命名（顯得高大上，哈哈），真不行就拼音（不推薦）

　　4.給你們一些粘貼一些經常使用文件名：主要 master.css, style.css, main.css  、基本共用 base.css 、佈局 layout.css 、專欄 columns.css 、文字 font.css 、打印 print.css 、主題 themes.css 、附加 attach.css 、模塊 module.css 、表單 forms.css 、頁頭：header 、登陸條：loginbar、標誌：logo 、側欄：sidebar 、廣告：banner 、導航：nav、搜索：search 、熱點：hot 、新聞：news 、下載：download 、註冊：regsiter 等等，通常狀況都是百度翻譯（https://fanyi.baidu.com/?aldtype=16047#en/zh/）

2、css樣式命名規範

　　1.必定不要感受省事在CSS中使用」*」選擇符

        2.通常不要在CSS中使用!important

　　3.不要輕易改動全站級CSS和通用CSS庫。改動後，要通過全面測試。

　　4.儘可能使用CSS縮寫屬性，padding左右上下就用padding: 10px 12px 16px 18px,代碼簡介

　　5.儘可能使用父級繼承，好比，頁面中16號字體不少或者 顏色大部分是#666，就在頁面最外層設置字體和顏色，一是少寫代碼二是css的簡介性。

　　6.經常使用到的佈局儘可能寫在外面，用一個公共命名的寫在外面，好比下面小圖標能夠寫一個公共樣式，大小，距離字體的距離，顏色能夠寫成紅色，在寫一個類名，顏色是綠色把以前紅色覆蓋掉，相似如此內容。

　　

　　7.遇到小數的時候通常去掉小數點前的「0」。

　　8.有些顏色代碼是能夠縮寫的，咱們就儘可能縮寫吧，提升用戶體驗爲主。如#333333寫成#333

　　9.長名稱或詞組可使用中橫線來爲選擇器命名。這樣寫輸入的時候少按一個shift鍵; 瀏覽器兼容問題 (好比使用_tips的選擇器命名，在IE6是無效的) 能良好區分JavaScript變量命名(JS變量命名是用「_」)

3、css書寫順序

　　1.位置屬性(position, top, right, z-index, display, float等)

　　2.大小(width, height, padding, margin)

　　3.文字系列(font, line-height, letter-spacing, color, text-align等)

　　4.背景(background, border等)

　　5.其餘(animation, transition等)