以下是我最近一直在考慮編寫更好的CSS的一些快速提示。

1.減少深遠的風格

請小心設計全局的原始HTML元素。小心使用級聯。全局是強大的，需要在引入之前全面考慮。

例如，我變得有點緊張，當我看到標題越來越過於具體的造型默認的外面font-weight和font-size。當你開始介紹顏色，文字轉換時，我經常會看到它們不得不被越過文檔的下方。

儘量減少這個次數，你必須撤銷你以前宣佈進一步級聯的東西。

2.空白

如果您使用構建系統來縮小CSS，則空白是免費的文檔工具。這是我從哈里羅伯茨手中收集的一個小而方便的提示，他在解釋空白是如何語義化方面做得非常出色。

3.定期檢查輸出

對某些人來說，這看起來很愚蠢，“我知道輸出結果會是什麼樣子，我寫了！”，但Sass和工具在掩蓋輸出結果中做了很好的掩蓋。

定期檢查輸出結果往往導致我爲了更好的項目重構一些CSS。