對齊 CSS，是在編寫 CSS 時要注意的一點。無論是在編寫 HTML 頁面還是在編寫 CSS 樣式表時，為了使頁面更具有可讀性和可維護性，規范的縮進和對齊是必不可少的。那么，如何對齊 CSS 呢？ 首先，我們需要注意 CSS 代碼的縮進。一般來說，我們可以使用兩個空格或四個空格作為一次縮進。通過合理的縮進，可以讓代碼更加美觀，易于閱讀和理解。 其次，對于每個屬性和值對，我們需要將它們單獨寫一行，并且在屬性和值之間使用一個空格進行分隔。例如： ```CSS body { background-color: #f2f2f2; color: #333333; font-size: 14px; } ``` 在這個例子中，我們將每個屬性和值都單獨占用一行，并且每個屬性和值之間使用一個空格進行分隔。這樣的寫法可以讓代碼更加清晰、易于理解和維護。 此外，我們還可以通過使用 CSS 預處理器，如 Sass、Less 等，來進一步優化 CSS 代碼的對齊。這些預處理器支持類似于編程語言的語法結構，可以使 CSS 代碼更具有結構化和可讀性。 最后，對于長的屬性值，我們可以將它們分成多行進行書寫。例如： ```CSS body { background-image: linear-gradient(to bottom, #f2f2f2, #e6e6e6), url("../img/background.png"); } ``` 在這個例子中，我們將 background-image 屬性的值分成了兩行進行書寫，以便代碼的可讀性和美觀度。 在寫 CSS 代碼時，良好的對齊可以使我們更加專注于代碼的核心邏輯，提高代碼的可讀性和可維護性。通過以上幾點，我們可以使 CSS 代碼更加易于理解和優化。