一. mozilla 建議css規則
/* suggested order:
* display
* list-style
* position
* float
* clear
* width
* height
* margin
* padding
* border
* background
* color
* font
* text-decoration
* text-align
* vertical-align
* white-space
* other text
* content
* */
詳情請看
二.懌飛』s blog細分為:
/*顯示屬性*/
display
list-style
position
float
clear
/*自身屬性*/
width
height
margin
padding
border
background
/*文字屬性*/
color
font
text-decoration
vertical-align
white-space
ohter text
content
三. andy ford的細分
1.display & flow
2.positioning
3. dimensions
4. margins, padding, borders, outline
5. typographic styles
6. backgrounds
7. opacity, cursors, generated content
規則示例:
.cl推薦的 CSS 書寫順序
以下順序是mozilla推薦的css書寫規範 這個瀏覽器解析過程有關,瀏覽器先對dom定位，然後解析自身屬性，然後再解析內部物件！顯示屬性 display list style position float clear 自身屬性 width height margin padding border ...
推薦的 CSS 書寫順序
瀏覽器先對dom定位，然後解析自身屬性，然後再解析內部物件,所以在書寫css的時候要注意一下順序。推薦的順序是這樣的 顯示屬性 display list style position float clear 自身屬性 width height margin padding border backgr...
CSS屬性書寫順序
建議遵循以下順序 1 布局定位屬性 display position float clear visibility overflow 建議display第乙個寫，畢竟關係到模式 2 自身屬性 盒模型 width height margin padding border background 3 文字...