在 Dreamweaver 中设置 CSS 代码格式

注意:在 Dreamweaver CC 和更高版本中，“CSS 样式”面板替换为 CSS Designer。有关详细信息，请参阅 CSS Designer。

当使用 Dreamweaver 界面创建或编辑 CSS 规则时，可以设置用于控制 CSS 代码格式的首选参数。例如，可以设置首选参数，将所有 CSS 属性放在单独的行中，在 CSS 规则之间放置一个空行，等等。

当您设置 CSS 代码格式设置首选参数时，所选的首选参数会自动应用于您新建的所有 CSS 规则。不过，您也可以将这些首选参数手动应用于单个文档。如果您有需要进行格式设置的早期 HTML 或 CSS 文档，这一点可能非常有用。

注意:CSS 代码格式设置首选参数仅应用于外部或嵌入样式表（而非内联样式）中的 CSS 规则

设置 CSS 代码格式设置首选参数

1. 选择“编辑”>“首选参数”。
2. 在“首选参数”对话框中，选择“代码格式”类别。
3. 在“高级格式设置”旁，单击“CSS”按钮。
4. 在“CSS 源格式选项”对话框中，选择要应用于 CSS 源代码的选项。在下面的“预览”窗口中，将显示 CSS 的预览，其外观取决于您选择的选项。

   启用缩进属性

   设置规则中的属性的缩进值。可以指定制表符或空格。

   每个属性位于单独的行上

   将规则中的每个属性放在单独的行上。

   左大括号位于单独的行上

   将规则的左大括号放在与选择器分别放在不同的行中。

   仅在多于一个属性时才适用

   将单属性规则放在选择器所在的行上。

   规则的所有选择器位于同一行上

   将规则的所有选择器放在同一行上。

   规则之间空行

   在每个规则之间插入一个空行。

5. 单击“确定”。

注意:CSS 代码格式设置还继承您在“首选参数”对话框的“代码格式”类别中设置的“换行符类型”首选参数。

手动设置 CSS 样式表中的 CSS 代码的格式

1. 打开 CSS 样式表。
2. 选择“命令”>“应用源格式”。

   您在 CSS 代码格式设置首选参数中设置的格式设置选项将应用于整个文档。您不能设置单个选定内容的格式。

手动设置嵌入式 CSS 代码的格式

1. 打开一个包含嵌入到文档头中的 CSS 的 HTML 页面。
2. 选择 CSS 代码的任意部分。
3. 选择“命令”>“将源格式应用于选定内容”。

   您在 CSS 代码格式设置首选参数中设置的格式设置选项仅应用于文档头中的所有 CSS 规则。

   注意:根据您指定的代码格式设置首选参数，可以选择“命令”>“应用源格式”来设置整个文档的格式。

更多此类内容

• 更改代码格式