Dreamweaver CC教程:快速属性检查器

Dreamweaver CC教程:快速属性检查器

快速属性检查器

图像的快速属性检查器

快速属性检查器显示在实时视图中所选的元素上方。使用此属性检查器,您可以在实时视图中编辑属性或设置文本格式。
实时视图中页面元素上方显示的快速属性检查器
实时视图中页面元素上方显示的快速属性检查器

若要显示或隐藏快速属性检查器,请按 Ctrl+Alt+H (Win)/CMD+Ctrl+H (Mac)。
注意:
使用快速属性检查器时,代码导航图标将不会在实时视图中显示。
在 Bootstrap 文档中,快速属性检查器也包含用于自定义图像的选项。
Bootstrap 文档中图像的快速属性检查器
Bootstrap 文档中图像的快速属性检查器

剪切为形状:单击以将图像的角剪切为圆角或缩略图。 使图像快速响应:单击以使图像快速响应并进行调整以适合各种屏幕大小。 文本的快速属性检查器

利用实时视图中文本的快速属性检查器,您可以快速格式化、缩进和超链接文本。当您单击文本元素(h1-h6、pre 和 p)的 sandwich 图标时,文本的快速属性检查器将会出现。
文本的快速属性检查器
文本的快速属性检查器

可利用格式选项快速将元素标签更改为以下标签之一:h1-h6、p 和 pre。  链接选项可帮助您超链接文本元素。  粗体和斜体的图标可帮助您将 <strong> 和 <em> 标签添加到文本元素。 缩进图标可以帮助您添加或删除文本缩进。将从代码中相应地添加或删除 <blockquote> 标签。

在 Bootstrap 文档中,还可利用文本的快速属性检查器来对齐和转换文本元素。

对齐:通过应用相应的类,将 Bootstrap 文本元素左对齐、居中对齐、右对齐或两端对齐。 转换:通过应用小写、大写或句首字母大写类来更改元素的文本大小写。

 

推荐阅读