Dreamweaver CC教程:实时视图中的键盘导航
实时视图中的键盘导航
可以使用键盘在“元素显示”中遍历页面元素或选择器以加快编辑过程。
遍历页面元素
向上或向下箭头键可帮助您在实时视图中遍历页面元素。遍历基于文档的 DOM 结构进行。
实时视图中的键盘导航有助于轻松访问嵌套和封装元素。
使用向上或向下箭头键访问某元素时,将出现该元素的“元素显示”。然后,可以导航到“元素显示”中的选择器或按 Enter 直接在实时视图中编辑文本。
这里图像会首先处于“焦点”状态。当按向下箭头键时,将会选择该图像下方的段落,如下一图像所示。
已选择粗体格式的文本。
已在此处选择段落。当您再次按向下箭头键时,将选择 DOM 结构中的下一个元素,即粗体格式的文本,如下一图像所示。
遍历选择器
按 Tab 键可遍历“元素显示”中的选择器。处于“焦点”状态的选择器以琥珀色边框显示,如下所示:
处于“焦点”状态的选择器以琥珀色边框突出显示。
如果在应用最后一个选择器后按 Tab 键,将会出现“添加选择器”文本框。
注意:
可使用 Ctrl+[ 或 Cmd+[ 选择父元素,Ctrl+] 或 Cmd+] 选择子元素。
来源:dreamweaver官网
上一篇:Dreamweaver CC教程:禁用实时视图中的编辑
下一篇:Dreamweaver CC教程:检查“实时”视图中的代码
|