从属性检查器控制 CSS - Dreamweaver CS5
- Dreamweaver CS5 & CS5.5
直接从属性检查器执行 CSS 相关操作,无需进入 CSS 样式面板。为任何现有的目标规则设置字体、字体大小、颜色等样式。
如何使用属性检查器编辑 CSS
属性检查器允许您只需点击几下按钮,即可直接在页面上编辑 CSS。以下说明将指导您如何开始使用属性检查器编辑 CSS 的基础操作。
- 打开属性检查器(如果尚未打开),然后点击CSS按钮。
重新打开属性检查器窗口:
- 转到窗口菜单。
- 选择属性。
- 通过以下任一方式选择文本元素:
- 将插入点放置在已被您想编辑的规则格式化的文本块内。该规则会显示在_目标规则_弹出菜单中。
- 从_目标规则_弹出菜单中选择一个规则。
现在可以使用 CSS 属性检查器中的各种选项对该规则进行更改。
属性检查器:CSS 可编辑选项
CSS 面板会打开 CSS 样式面板并显示目标规则的属性。
注意: 字体、大小、文字颜色、加粗、斜体和对齐属性始终显示文档窗口中当前选区的属性。当这些属性中的任何一个被更改时,目标规则会全局生效。
- 字体 更改目标规则的字体。
- 大小 设置目标规则的字体大小。
- 文字颜色 将所选颜色设置为目标规则的字体颜色。
- 用户可以点击颜色框选择网页安全色,或在相邻的文本框中输入十六进制值(例如 #FF0000)。
- 用户还可以从其他元素“取色”,并将颜色应用到文本元素。
- 加粗 为目标规则添加加粗属性。
- 斜体 为目标规则添加斜体属性。
- 左对齐、居中和右对齐 为目标规则添加相应的对齐属性。
目标规则
目标规则允许用户通过属性检查器将现有样式应用于文本。该规则控制用户点击页面文本时的格式呈现效果。
目标规则弹出菜单允许用户创建新的 CSS 规则、创建新的内联样式,或将现有类应用于所选文本。用户可以通过完成“新建 CSS 规则”对话框来创建新规则。
编辑规则
编辑规则会打开目标规则的“CSS 规则定义”对话框。通过从目标规则弹出菜单选择新建 CSS 规则并点击编辑规则按钮,将打开“新建 CSS 规则”定义对话框。
入门视频
- 什么是 Dreamweaver CS5?
- 定义新站点
- 创建新文档
- 为文本添加结构
- 管理资源
- 在页面上放置图像
- 创建链接
- 理解样式表(CSS)
- 从属性检查器控制 CSS
- 使用实时视图和 CSS 检查器
Dreamweaver 是 Adobe 推出的流行网站和应用程序创建软件。它支持 HTML5、CSS3、PHP、FTP、jQuery 等,并支持 HostGator 网络托管服务。
您可以访问 Adobe 官网或 Dreamweaver 教程学习门户,了解更多关于 Dreamweaver 的信息。