css怎么在dw中使用,如何使用 Dreamweaver 中的 CSS Designer 面板

了解如何使用 CSS Designer 面板创建或附加样式表、媒体查询、选择器以及设置 CSS 属性。

CSS Designer 面板

“CSS Designer”面板(“窗口”> “CSS Designer”)属于“CSS 属性检查器”，能让您“可视化”地创建 CSS 样式和规则并设置属性和媒体查询。

在 CSS Designer 界面中可以使用以下内容：

来源：与项目相关的 CSS 文件的集合

@Media：用于控制屏幕大小的媒体查询

选择器：与 @Media 面板中所选媒体查询相关的选择器

属性：与所选的选择器相关的属性，提供仅显示已设置属性的选项

使用 CSS Designer，可在 CSS 样式表中编辑单个规则(使用 CSS Designer 中的“当前”选项卡)，或者，如果您愿意，您可以直接在 CSS 样式表中工作(使用 CSS Designer 中的“全部”选项卡)。

创建和附加样式表

在“CSS Designer”面板的“源”窗格中，单击

，然后单击以下某个选项：

创建新的 CSS 文件：创建新 CSS 文件并将其附加到文档

附加现有的 CSS 文件：将现有 CSS 文件附加到文档

在页面中定义：在文档内定义 CSS

使用 CSS Designer 创建并附加样式表

根据您选择的选项，将显示“创建新的 CSS 文件”或“附加现有的 CSS 文件”对话框。

单击“浏览”以指定 CSS 文件的名称，如果要创建 CSS，则还要指定保存新文件的位置。

执行下列操作之一：

单击“链接”以将 Dreamweaver 文档链接到 CSS 文件。

单击“导入”以将 CSS 文件导入到该文档中。

(可选)单击“有条件使用”，然后指定要与 CSS 文件关联的媒体查询。

定义媒体查询

在“CSS Designer”面板中，单击“源”窗格中的某个 CSS 源。

单击“@媒体”窗格中的