关于css的书写顺序

在书写css样式时经常随性地想到哪写到哪，这样不仅不符合书写规范，而且会影响代码的阅读体验。因此在书写css样式属性时应当遵循以下规范：

1.位置属性：包括position、top、right、z-index、display、float等

2.大小属性：包括width、height、margin、padding等

3.文字属性：包括font、line-height、letter-spaceing、color、text-align等

4.背景：包括background、border等

5.其它：包括animation、transition等

例：

下面的写法就不规范

.example{
background:url("1.jpg") no-repeat;
color:red;
border:1px solid #ccc;
padding:10px;
z-index:999;
display:inline-block;
}

规范的写法如下

.example{
z-index:999;
display:inline-block;
padding:10px;
color:red;
border:1px solid #ccc;
background:url("1.jpg") no-repeat;
}