上一页下一页

创建新的 CSS 样式

创建一个 CSS 样式来自动完成 HTML 标签的格式设置或 class 属性所标识的文本范围的格式设置。

创建新的 CSS 样式:
  1. 将插入点放在文档中,然后执行以下操作之一打开“新建 CSS 样式”对话框:
    • 在“CSS 样式”面板(“窗口”>“CSS 样式”)中,单击面板右下角区域中的“新建 CSS 样式”按钮 (+)。
    • 在文本属性检查器中,根据需要单击“切换 CSS/HTML 模式”按钮以切换到“CSS 模式”,然后在“CSS 样式”弹出式菜单中选择“新建 CSS 样式”。
    • 选择“文本”>“CSS 样式”>“新建 CSS 样式”。
    • 随即出现“新建 CSS 样式”对话框。

  2. 定义您要创建的 CSS 样式的类型:
    • 若要创建可作为 class 属性应用于文本范围或文本块的自定义样式,请选择“创建自定义样式 (Class)”,然后在“名称”域中输入样式名称。
    • 备注: 自定义样式 (Class) 名称必须以句点开头,并且可以包含任何字母和数字组合。例如 .myhead1。如果您没有输入开头的句点,Dreamweaver 将自动为您输入。

    • 若要重定义特定 HTML 标签的默认格式,请选择“重定义 HTML 标签”,然后在“标签”域中输入一个 HTML 标签,或从弹出菜单中选择一个标签。
    • 若要为具体某个标签组合或所有包含特定 Id 属性的标签定义格式,请选择“使用 CSS 选择器”,然后在“选择器”域中输入一个或多个 HTML 标签,或从弹出式菜单中选择一个标签。弹出菜单中提供的选择器包括 a:active、a:hover、a:link 和 a:visited。
  3. 选择定义样式的位置:
    • 若要创建外部样式表,请选择“新建样式表文件”。
    • 若要在当前文档中嵌入样式,请选择“仅对该文档”。
  4. 单击“确定”。
  5. 出现“CSS 样式定义”对话框。

  6. 选择要为新 CSS 样式设置的样式选项。
  7. 设置完样式属性后,单击“确定”。

有关特定 CSS 样式设置的信息,请参阅下列主题:


  上一页下一页