CSS的命名和書寫規(guī)范是什么

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

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

一、文件規(guī)范

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

二、命名規(guī)范

規(guī)則命名中，不允許使用大寫字母，避免使用中文拼音，應(yīng)該采用更簡(jiǎn)明有語(yǔ)義的英文單詞進(jìn)行組合，注意縮寫，但是不能盲目縮寫，不允許通過(guò)1、2、3等序號(hào)進(jìn)行命名，盡可能提高代碼模塊的復(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ī)范

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

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

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

五、其他規(guī)范

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

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

當(dāng)前名稱：CSS的命名和書寫規(guī)范是什么
網(wǎng)頁(yè)鏈接：http://muchs.cn/article48/pphsep.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、軟件開發(fā)、網(wǎng)站營(yíng)銷、App開發(fā)、服務(wù)器托管、網(wǎng)站維護(hù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)