css属性顺序是css良好编码风格的一部分,有助于提高代码可读性,便于发现代码问题,有利于团队合作。(依次排后)
example {
/*显示属性*/
display: ;
visibility: ;
float: ;
clear: ;
/*定位属性*/
position: ;
top: ;
right: ;
bottom: ;
left: ;
z-index: ;
/*盒模型属性*/
width: ;
min-width: ;
max-width: ;
height: ;
min-height: ;
max-height: ;
overflow: ;
margin: ;
margin-top: ;
margin-right: ;
margin-bottom: ;
margin-left: ;
padding: ;
padding-top: ;
padding-right: ;
padding-bottom: ;
padding-left: ;
border: ;
border-top: ;
border-right: ;
border-bottom: ;
border-left: ;
/*显示其他属性*/
outline: ;
list-style: ;
/*表格属性*/
border-collapse: ;
empty-cells: ;
/*文本属性*/
font: ;
font-style: ;
font-weight: ;
font-size: ;
line-height: ;
font-family: ;
text-align: ;
text-indent: ;
text-decoration: ;
letter-spacing: ;
word-spacing: ;
white-space: ;
vertical-align: ;
color: ;
/*背景属性*/
background: ;
background-color: ;
background-image: ;
background-repeat: ;
background-position: ;
/*其他属性*/
opacity: ;
cursor: ;
content: ;
}