CSS中怎么規(guī)范書(shū)寫(xiě)樣式

CSS中怎么規(guī)范書(shū)寫(xiě)樣式，針對(duì)這個(gè)問(wèn)題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問(wèn)題的小伙伴找到更簡(jiǎn)單易行的方法。

CSS的書(shū)寫(xiě)順序

　　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等)CSS書(shū)寫(xiě)順序CSS書(shū)寫(xiě)規(guī)范使用CSS縮寫(xiě)屬性

　　CSS有些屬性是可以縮寫(xiě)的，比如padding,margin,font等等，這樣精簡(jiǎn)代碼同時(shí)又能提高用戶(hù)的閱讀體驗(yàn)。

精簡(jiǎn)代碼

　　去掉小數(shù)點(diǎn)前的“0”

　　去掉小數(shù)點(diǎn)前的0

簡(jiǎn)寫(xiě)命名

　　很多朋友都喜歡簡(jiǎn)寫(xiě)類(lèi)名，但前提是要讓人看懂你的簡(jiǎn)寫(xiě)

16進(jìn)制顏色代碼縮寫(xiě)

　　有些顏色代碼是可以縮寫(xiě)的，我們就盡量縮寫(xiě)吧，提高用戶(hù)體驗(yàn)為主。

　　縮寫(xiě)16進(jìn)制顏色

連字符CSS選擇器命名規(guī)范

　　1.長(zhǎng)名稱(chēng)或詞組可以使用中橫線來(lái)為選擇器命名。

　　2.不建議使用“_”下劃線來(lái)命名CSS選擇器，為什么呢?

　　輸入的時(shí)候少按一個(gè)shift鍵;

　　瀏覽器兼容問(wèn)題(比如使用tips的選擇器命名，在IE6是無(wú)效的)

　　能良好區(qū)分JavaScript變量命名(JS變量命名是用“”)用-連接符替換_

不要輕易使用id

　　id在JS是唯一的，不能多次使用，而使用class類(lèi)選擇器卻可以重復(fù)使用，另外id的優(yōu)先級(jí)優(yōu)先與class，所以id應(yīng)該按需使用，而不能濫用。

關(guān)于CSS中怎么規(guī)范書(shū)寫(xiě)樣式問(wèn)題的解答就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，如果你還有很多疑惑沒(méi)有解開(kāi)，可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識(shí)。