武林網(www.49028c.com)文章簡介：隨著公司業務的增加，需求變的越來越多，團隊也因此在不斷的擴大，我們經常會遇到幾個人協同工作來完成同一件作品或者維護修改別人作品的時候，那么是什么最讓你最感到困擾呢？我們在實現一個表現復雜的頁面的同時，CSS文件就會比較繁瑣，眾多的選擇符、屬性讓人眼花繚

隨著公司業務的增加，需求變的越來越多，團隊也因此在不斷的擴大，我們經常會遇到幾個人協同工作來完成同一件作品或者維護修改別人作品的時候，那么是什么最讓你最感到困擾呢？我們在實現一個表現復雜的頁面的同時，CSS文件就會比較繁瑣，眾多的選擇符、屬性讓人眼花繚亂，那么如何更快的定位、如何更高效的編寫樣式呢？CSS的書寫被很多人所忽略。關于書寫風格，翻看了一些知名網站的作品，發現橫向連排幾乎成為各大產品項目的主流，然而，每個人對于CSS的寫法各異，這就導致我們工作效率的降低。為了更好的協同工作，保持團隊內CSS書寫的一致性，幾經波折后達成共識，具體書寫方法如下：CSS屬性橫排書寫，選擇符縱排書寫，每個”,”(逗號)后必須換行;

重構組代碼書寫規范示例：（其中數字只用做示范，實際應用中不建議用數字命名。）

.class_name_1 .class_name_1_1,
.class_name_2 .class_name_2_1 .class_name_2_1_1,
.class_name_3{style1:value; style2:value; styel3:value; }

有人說，好代碼就是用記事本打開也是藝術品，而樣式文件本身就是設計作品。目前并沒有一個權威來界定這種規范，我們只能對兩種寫法做個簡單的總結。

就樣式文件本身對比：

縱向書寫特點：

存在的問題：代碼冗余（如空格符、tab符、換行符）；文件大小增加；容易出現縱向滾動條。