应用、删除或重命名类样式
类样式是唯一可以应用于文档中任何文本(与哪些标签控制文本无关)的 CSS 样式类型。所有与当前文档关联的类样式都显示在“CSS 样式”面板中(其名称前带有句点 [.])以及文本属性检查器的“样式”弹出菜单中。
您会看到大多数样式都立即更新了,但您应在浏览器中预览页面,验证样式是否是按预期的方式应用的。将两个或更多的样式应用于相同的文本时,这些样式可能发生冲突并产生意外的结果。
移动 CSS 规则
Dreamweaver 中的 CSS 管理功能使您可以轻松地将 CSS 规则移动到不同位置。您可以将规则在文档间移动、从文档头移动到外部样式表、在外部 CSS 文件间移动,等等。
注: 如果您尝试移动的规则与目标样式表中的规则冲突,Dreamweaver 会显示“存在同名规则”对话框。如果您选择移动冲突的规则,Dreamweaver 会将移动的规则放在目标样式表中紧靠冲突规则的旁边。
将内联 CSS 转换为 CSS 规则
内联样式不是推荐的最佳做法。若要使 CSS 更干净整齐,可以将内联样式转换为驻留在文档头或外部样式表中的 CSS 规则。
在“代码”视图(“查看”>“代码”)中,选择包含要转换的内联 CSS 的整个 <style> 标签。
右键单击并选择“CSS 样式”>“将内联 CSS 转换为规则”。
在“转换内联 CSS”对话框中,输入新规则的类名称,然后执行下列操作之一:
指定要在其中放置新 CSS 规则的样式表,然后单击“确定”。
选择文档头作为放置新 CSS 规则的位置,然后单击“确定”。