dw中如何格式化CSS代碼

方法：1、點(diǎn)擊“編輯”選項(xiàng)，選擇“首選參數(shù)”；2、選中“代碼格式”，然后點(diǎn)擊“高級(jí)格式設(shè)置”中的css；3、將“每個(gè)屬性位于單獨(dú)的行上”前面打上對(duì)勾；4、依次點(diǎn)擊“確定”->“應(yīng)用”；5、點(diǎn)擊“命令”選項(xiàng)，再點(diǎn)擊“應(yīng)用源格式”選項(xiàng)。

本教程操作環(huán)境：Windows7系統(tǒng)，Adobe dreamweaver CS6版本，Dell G3電腦。

相關(guān)推薦：《dreamweaver教程》

首先，用DW打開(kāi)一個(gè)已經(jīng)寫(xiě)好的css文件，看一下編輯好的，沒(méi)有格式化之前的代碼的樣子。

? ? ?

然后，我們點(diǎn)擊軟件窗口上方的“命令”選項(xiàng)，在彈出的菜單中點(diǎn)擊“應(yīng)用源格式”選項(xiàng)，就可以將我們的代碼格式化。

? ? ?

格式化后，我們的每個(gè)class的屬性在一行顯示，放不下后換行顯示。這是沒(méi)有對(duì)頁(yè)面進(jìn)行設(shè)置時(shí)的格式化效果。

立即學(xué)習(xí)“前端免費(fèi)學(xué)習(xí)筆記（深入）”；

? ? ?

接下來(lái)，我們更改下css代碼的格式，將css的屬性，設(shè)為單個(gè)屬性單行顯示。我們點(diǎn)擊編輯選項(xiàng)，在彈出的下拉菜單中選擇“首選參數(shù)”

? ? ?

我們?cè)趶棾龅摹笆走x項(xiàng)”對(duì)話框中選中分類中的“代碼格式”，然后點(diǎn)擊“高級(jí)格式設(shè)置”中的css

? ? ?

我們?cè)赾ss源格式選項(xiàng)的對(duì)話框中，將“每個(gè)屬性位于單獨(dú)的行上”前面打上對(duì)勾，可以看到預(yù)覽的效果。

? ? ?

選中之后，點(diǎn)擊“確定”，再點(diǎn)擊“應(yīng)用”，然后“關(guān)閉”，然后再次對(duì)css代碼應(yīng)用源格式。代碼就變成單個(gè)屬性一行了。

? ?

? ? ?

至此，格式化完畢。

更多編程相關(guān)知識(shí)，請(qǐng)?jiān)L問(wèn)：dreamweaver教程??！