關於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;
}