下午好 ，歡迎觀看濟(jì)南app開發(fā)山東文匯的官網(wǎng)， 昨天給大家分享了CSS 優(yōu)化、提高性能的方法，今天給大家分享一下css書寫順序和規(guī)范。
寫了那么長(zhǎng)時(shí)間的代碼，也看了不少教程。在某篇教程中得知css也是有書寫順序的。
css書寫順序：
位置屬性 (position, top, right, z-index, display, float等)
大小 (width, height, padding, margin)
文字系列 (font, line-height, letter-spacing, color- text-align等)
背景 (background, border等)
其他 (animation, transition等)
遵循一些書寫規(guī)范和順序來的話，一來會(huì)讓自己的思路很清晰，二來修改的時(shí)候很明確，不容易被冗余的樣式影響。
css書寫規(guī)范：
CSS有些屬性是可以縮寫的，比如padding,margin,font等等，這樣精簡(jiǎn)代碼同時(shí)又能提高用戶的閱讀體驗(yàn)。
精簡(jiǎn)代碼，去掉小數(shù)點(diǎn)前的“0”
簡(jiǎn)寫命名，很多朋友都喜歡簡(jiǎn)寫類名，但前提是要讓人看懂你的簡(jiǎn)寫
16進(jìn)制顏色代碼縮寫，有些顏色代碼是可以縮寫的，我們就盡量縮寫吧，提高用戶體驗(yàn)為主。
分享完畢，歡迎繼續(xù)關(guān)注山東文匯軟件。
