首先,用DW打開一個已經寫好的css文件,看一下編輯好的,沒有格式化之前的代碼的樣子。
然后,我們點擊軟件窗口上方的“命令”選項,在彈出的菜單中點擊“應用源格式”選項,就可以將我們的代碼格式化。
格式化后,我們的每個class的屬性在一行顯示,放不下后換行顯示。這是沒有對頁面進行設置時的格式化效果。
接下來,我們更改下css代碼的格式,將css的屬性,設為單個屬性單行顯示。我們點擊編輯選項,在彈出的下拉菜單中選擇“首選項”
我們在彈出的“首選項”對話框中選中分類中的“代碼格式”,然后點擊“高級格式設置”中的css
我們在css源格式選項的對話框中,將“每個屬性位於單獨的行上”前面打上對勾,可以看到預覽的效果。
選中之后,點擊“確定”,再點擊“應用”,然后“關閉”,然后再次對css代碼應用源格式。代碼就變成單個屬性一行了。