1.格式化代碼
1.1文件
[建議]：CSS文件使用無BOM的UTF-8編碼
1.2縮進
[強制]：使用 4 個空格做為一個縮進層級，不允許使用 2 個空格 或 tab 字符。

CSS Code復制內容到剪貼板

.selector {   
    margin: 0;   
    padding: 0;   
}  

1.3空格
[強制]：選擇器 與 { 之間必須包含空格。

CSS Code復制內容到剪貼板

.selector {   
}  

CSS Code復制內容到剪貼板

margin: 0;  

CSS Code復制內容到剪貼板

font-family: Aria, sans-serif;  

1.4行長度
[強制]： 每行不得超過 120 個字符，除非單行不可分割。
[建議]： 對于超長的樣式，在樣式值的 空格 處或 , 后換行，建議按邏輯分組。

CSS Code復制內容到剪貼板

/* 不同屬性值按邏輯分組 */  
background:   
    transparent url(aVeryVeryVeryLongUrlIsPlacedHere)   
    no-repeat 0 0;   
/* 可重復多次的屬性，每次重復一行 */  
background-image:   
    url(aVeryVeryVeryLongUrlIsPlacedHere)   
    url(anotherVeryVeryVeryLongUrlIsPlacedHere);   
/* 類似函數的屬性值可以根據函數調用的縮進進行 */  
background-image: -webkit-gradient(   
    linear,   
    left bottombottom,   
    left top,   
    color-stop(0.04, rgb(88,94,124)),   
    color-stop(0.52, rgb(115,123,162))   
);  

1.5選擇器
[強制]：當一個 rule 包含多個 selector 時，每個選擇器聲明必須獨占一行。

CSS Code復制內容到剪貼板

/* good */  
.post,   
.page,   
.comment {   
    line-height: 1.5;   
}   
/* bad */  
.post, .page, .comment {   
    line-height: 1.5;   
}  

CSS Code復制內容到剪貼板

/* good */  
main > nav {   
    padding: 10px;