CSS是網頁開發過程中必不可少的一部分，但是在編寫CSS文件的時候，開發者很容易失控，寫出雜亂無章的代碼。這就是為什么要使用工具來格式化CSS代碼。

在這里我們使用Dreamweaver（DW）作為示例來演示如何格式化CSS代碼。首先，打開你的CSS文檔并選中你要格式化的CSS代碼。

body{
background-color:#ccc;
color:#666;
}
h1{
font-size:36px;
color:#f00;
}

在DW中，有一些選項可以幫助你格式化代碼。首先，選擇“Commands”選項卡并選擇“Apply Source Formatting”選項，或者直接使用快捷鍵“Shift+Control+F”。

在代碼格式化對話框中，你可以設置不同的選項以進行代碼格式化。這些選項包括：

• Indentation：決定縮進，可以選擇使用制表符或者空格進行縮進。
• Line Break：在CSS規則或選擇器之間插入新行。
• Spacing：在參數之間插入空格。

在完成調整之后，單擊“OK”按鈕，DW會自動格式化你的CSS代碼。下面是格式化后的代碼：

body {
background-color: #ccc;
color: #666;
}
h1 {
font-size: 36px;
color: #f00;
}

你也可以使用其他的代碼編輯器進行CSS代碼格式化，在每次調整代碼之前先格式化它們，這將使你的代碼更易于管理、閱讀和調整。