设计时间样式表使您在处理 Dreamweaver 文档时可以显示或隐藏 CSS 样式表所应用的设计。例如，可以使用此选项在设计页面时包括或排除只限于 Macintosh 或只限于 Windows 的样式表。
只有当您正在处理文档时，设计时间样式表才能得到应用；当页面显示在浏览器窗口中时，只有实际附加或嵌入到文档中的样式才出现在浏览器中。
注： 您也可以使用样式呈现工具栏对整个页面启用或禁用样式。若要显示该工具栏，请选择“查看”>“工具栏”>“样式呈现”。切换 CSS 样式的显示按钮（最右边的按钮）可独立于工具栏上的其它媒体按钮工作。”
若要使用设计时间样式表，请执行以下步骤。
执行下列操作之一，打开“设计时间样式表”对话框：
在“CSS 样式”面板中右键单击，然后在上下文菜单中选择“设计时间”。
选择“文本”>“CSS 样式”>“设计时间”。
在该对话框中，设置显示或隐藏所选样式表的选项：
若要在设计时显示 CSS 样式表，请单击“只在设计时显示”上方的加号 (+) 按钮，然后在“选择样式表”对话框中浏览到要显示的 CSS 样式表。
若要隐藏 CSS 样式表，请单击“设计时隐藏”上方的加号 (+) 按钮，然后在“选择样式表”对话框中浏览到要隐藏的 CSS 样式表。
若要从任一列表中删除样式表，请单击要删除的样式表，然后单击相应的减号 (–) 按钮。
单击“确定”关闭该对话框。
“CSS 样式”面板使用所选样式表的名称以及一个指示器（“隐藏”或“设计”）进行更新，以反映样式表的状态。
使用 Dreamweaver 示例样式表
Dreamweaver 提供示例样式表，您可以将其应用于页面，也可以使用它们作为起点来开发自己的样式。
执行下列操作之一打开“CSS 样式”面板：
选择“窗口”>“CSS 样式”。
按 Shift+F11。
在“CSS 样式”面板中，单击“附加外部样式表”按钮。（该按钮位于面板的右下角。）
在“附加外部样式表”对话框中，单击“示例样式表”。
在“范例样式表”对话框中，从列表框中选择样式表。
在列表框中选择样式表的同时，“预览”窗格将显示所选样式表的文本和颜色格式。
单击“预览”按钮应用样式表，并确认是否将所需的样式应用到当前页面中。
如果应用的样式没有达到预期效果，请从列表中选择其它样式表，然后单击“预览”以查看这些样式。
默认情况下，Dreamweaver 将样式表保存在为页面定义的站点根下的名为“CSS”的文件夹中。如果该文件夹不存在，Dreamweaver 将创建它。您可以单击“浏览”并浏览到其它文件夹，从而将文件保存在其它位置。
找到其格式规则满足您的设计标准的样式表后，请单击“确定”。