這篇“CSS的命名和書寫規(guī)范是什么”文章的知識點大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“CSS的命名和書寫規(guī)范是什么”文章吧。

我們提供的服務(wù)有：網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、昆都侖ssl等。為上1000+企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學管理、有技術(shù)的昆都侖網(wǎng)站制作公司

一、文件規(guī)范

1、文件均歸檔至約定的目錄中如分頁pagination.css 2、文件名必須由小寫字母、數(shù)字、中劃線組成， 單個CSS文件避免過大（建議少于300行）

二、命名規(guī)范

規(guī)則命名中，不允許使用大寫字母，避免使用中文拼音，應(yīng)該采用更簡明有語義的英文單詞進行組合，注意縮寫，但是不能盲目縮寫，不允許通過1、2、3等序號進行命名，盡可能提高代碼模塊的復(fù)用，樣式盡量用組合的方式

2、屬性編寫順序 顯示屬性：display/list-style/position/float/clear …

自身屬性（盒模型）：width/height/margin/padding/border 文本屬性：color/font/text-decoration/text-align/text-indent/vertical-align/white-space/content…

三、書寫規(guī)范

每個聲明結(jié)束都應(yīng)該帶一個分號，不管是不是最后一個聲明; CSS文件中的所有的代碼都應(yīng)該小寫; 除了重置瀏覽器默認樣式外，禁止直接為html tag添加css樣式設(shè)置; 每一條規(guī)則應(yīng)該確保選擇器唯一，禁止直接為全局.nav/.header/.body等類設(shè)置屬性;

四、代碼性能優(yōu)化

選擇器應(yīng)該在滿足功能的基礎(chǔ)上盡量簡短，減少選擇器嵌套，查詢消耗。但是一定要避免覆蓋全局樣式設(shè)置， 禁止在css中使用*選擇符， 0后面不需要單位，比如0px可以省略成0，0.8px可以省略成.8px， 如果可以，顏色盡量用三位字符表示，例如#AABBCC寫成#ABC ， 在保持代碼解耦的前提下，盡量合并重復(fù)的樣式。

五、其他規(guī)范

不要輕易改動全站CSS和通用CSS庫。改動后，要經(jīng)過全面測試。 絕對不要在CSS中使用”*”選擇符，背景圖片請盡可能使用sprite技術(shù), 減小http請求, 考慮到多人協(xié)作開發(fā), sprite按照模塊、業(yè)務(wù)、頁面來劃分均可。

以上就是關(guān)于“CSS的命名和書寫規(guī)范是什么”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對大家有幫助，若想了解更多相關(guān)的知識內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。