There're two popular methods to order css properties:
Alphabetic order, however, is more suitable for searching rather than classifing css properties. In most situations, we prefer a not only consistent but also clear-type way to order css properties.
The following is an ordering example recommended by author:
.element
/* Position *//* Position *//* Position *//* Position *//* Position *//* Position *//* Position */
position absolute
left 0
top 0
/* Display & Box model */
display flex
box-sizing border-box
width 500px
height 500px
padding 5px
margin 10px
border 1px solid grey
border-radius 5px
justify-content center
align-items center
/* Text */
font-size 16px
line-height 20px
font-weight bold
/* Other */
cursor pointer
/* Color */
color blue
background white
Absolutely we can justify appropriate types' orders and subordinary types' orders for own best experience of writing css properties.
感谢你的阅读。欢迎通过微信(扫描下方二维码)或Github订阅我的博客。