CSS 代碼整齊排列可以讓你的代碼更易讀、更易于維護。當你在協作開發、修改代碼和調試時，這非常重要。以下是一些關于如何整齊排列你的 CSS 代碼的提示和技巧。

/* 使用 Sass 格式化 */
$color-primary: #3498db;
$color-secondary: #2ecc71;
body {
font-family: 'Helvetica Neue', Arial, sans-serif;
color: #333;
background-color: #eee;
}
nav {
display: flex;
justify-content: space-between;
align-items: center;
}
/* 屬性按字母順序排列 */
.btn {
background-color: $color-primary;
border: none;
color: #fff;
font-size: 1rem;
padding: 0.5rem 1rem;
}

一個好的風格是在每個 CSS 選擇器和屬性之間保留一個空白行。這有助于使你的代碼結構清晰易讀，并使逐行閱讀更容易。

前綴、選擇器、屬性和值都應按照某種邏輯順序排列。這使讀取代碼時更容易理解它的目的和構建方式。

在 Sass 中，可以通過變量、mixins 和函數來更有效地組織你的代碼。使用這些工具可以讓你的代碼更具有可重用性、模塊化和易于維護。

總之，寫整齊的 CSS 代碼是一個簡單但重要的技巧。通過采用一些簡單的格式工具和技巧，可以大大提高 CSS 代碼的可讀性、可維護性和可重用性。