跳到主要内容

从属性检查器控制 CSS - Dreamweaver CS5

  • Dreamweaver CS5 & CS5.5

直接从属性检查器执行 CSS 相关操作,无需进入 CSS 样式面板。为任何现有的目标规则设置字体、字体大小、颜色等样式。

如何使用属性检查器编辑 CSS

属性检查器允许您只需点击几下按钮,即可直接在页面上编辑 CSS。以下说明将指导您如何开始使用属性检查器编辑 CSS 的基础操作。

  1. 打开属性检查器(如果尚未打开),然后点击CSS按钮。

重新打开属性检查器窗口:

  1. 转到窗口菜单。
  2. 选择属性
  3. 通过以下任一方式选择文本元素:
  • 将插入点放置在已被您想编辑的规则格式化的文本块内。该规则会显示在_目标规则_弹出菜单中。
  • 从_目标规则_弹出菜单中选择一个规则。

现在可以使用 CSS 属性检查器中的各种选项对该规则进行更改。


属性检查器:CSS 可编辑选项

CSS 面板会打开 CSS 样式面板并显示目标规则的属性。
注意: 字体、大小、文字颜色、加粗、斜体和对齐属性始终显示文档窗口中当前选区的属性。当这些属性中的任何一个被更改时,目标规则会全局生效。

  • 字体 更改目标规则的字体。
  • 大小 设置目标规则的字体大小。
  • 文字颜色 将所选颜色设置为目标规则的字体颜色。
  • 用户可以点击颜色框选择网页安全色,或在相邻的文本框中输入十六进制值(例如 #FF0000)。
  • 用户还可以从其他元素“取色”,并将颜色应用到文本元素。
  • 加粗 为目标规则添加加粗属性。
  • 斜体 为目标规则添加斜体属性。
  • 左对齐、居中和右对齐 为目标规则添加相应的对齐属性。

目标规则

目标规则允许用户通过属性检查器将现有样式应用于文本。该规则控制用户点击页面文本时的格式呈现效果。
目标规则弹出菜单允许用户创建新的 CSS 规则、创建新的内联样式,或将现有类应用于所选文本。用户可以通过完成“新建 CSS 规则”对话框来创建新规则。

编辑规则

编辑规则会打开目标规则的“CSS 规则定义”对话框。通过从目标规则弹出菜单选择新建 CSS 规则并点击编辑规则按钮,将打开“新建 CSS 规则”定义对话框。


入门视频

  • 什么是 Dreamweaver CS5?
  1. 定义新站点
  2. 创建新文档
  3. 为文本添加结构
  4. 管理资源
  5. 在页面上放置图像
  6. 创建链接
  7. 理解样式表(CSS)
  8. 从属性检查器控制 CSS
  9. 使用实时视图和 CSS 检查器

Dreamweaver 是 Adobe 推出的流行网站和应用程序创建软件。它支持 HTML5、CSS3、PHP、FTP、jQuery 等,并支持 HostGator 网络托管服务。

您可以访问 Adobe 官网或 Dreamweaver 教程学习门户,了解更多关于 Dreamweaver 的信息。