站长资源
全栈工程师站点

css属性的书写顺序助你养成良好编码风格

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: ;

}

本文出处:来自互联网信息共享,请勿相信收费信息站长资源 » css属性的书写顺序助你养成良好编码风格

评论 抢沙发

评论前必须登录!