Dreamweaver CC教程:禁用或删除 CSS 属性
Dreamweaver CC教程:禁用或删除 CSS 属性
禁用或删除属性通过“禁用/启用 CSS 属性”功能,可从“CSS Designer”面板中注释掉部分 CSS,而不必直接在代码中做出更改。注释掉部分 CSS 后,即可看到特定属性和值在页面上具有的效果。
禁用某个 CSS 属性后,Dreamweaver 将向已禁用的 CSS 属性添加 CSS 注释标签和 [已禁用] 标签。然后,可以根据自己的偏好方便地重新启用或删除所禁用的 CSS 属性。
您可使用 CSS Designer 禁用或删除每个属性。
以下屏幕截图显示了 height 属性的禁用和删除图标。当您将鼠标悬停在属性上时,这些图标就会显示。
禁用/删除属性
您也可以在“边框控件”组级别使用删除和禁用控件以将这些操作应用于“所有”属性。
键盘快捷键您可以用键盘快捷键添加或删除 CSS 选择器和属性。您还可以在“属性”窗格的属性组之间导航。
快捷键
工作流程
Ctrl + Alt +[Shift =]
添加选择器(如果控件位于选择器部分)
Ctrl + Alt+ S
添加选择器(如果控件在应用程序的任意位置)
Ctrl + Alt +[Shift =]
添加属性(如果控件位于属性部分)
Ctrl + Alt+ P
添加属性(如果控件在应用程序的任意位置)
Select + Delete
如果已选定选择器,删除选择器
Ctrl + Alt + (PgUp/PgDn)
在属性子窗格中,在各部分之间跳转
相关内容
-
Dreamweaver CC教程:Dreamweaver 支持的编程语言
Dreamweaver CC教程:Dreamweaver 支持的编程语言,编程语言,支...
-
Dreamweaver CC教程:正则表达式
Dreamweaver CC教程:正则表达式,正则表达式,搜索,换行符,教程,...
-
Dreamweaver CC教程:设置代码外观
Dreamweaver CC教程:设置代码外观,设置,选项,缩进,教程,视图,...
-
Dreamweaver CC教程:默认在代码视图中打开文件
Dreamweaver CC教程:默认在代码视图中打开文件,默认,视图,打开...
-
Dreamweaver CC教程:在代码视图中预览图像和颜色
Dreamweaver CC教程:在代码视图中预览图像和颜色,图像,教程,视...
-
Dreamweaver CC教程:提取 JavaScript
Dreamweaver CC教程:提取 JavaScript,文件,选择,脚本,教程,文...
-
Dreamweaver CC教程:设置 PHP 首选参数
Dreamweaver CC教程:设置 PHP 首选参数,教程,站点,参数,设置,...
-
Dreamweaver CC教程:分析代码
Dreamweaver CC教程:分析代码,教程,支持,红色,错误,显示,检查,...
-
Dreamweaver CC教程:自定义代码主题
Dreamweaver CC教程:自定义代码主题,自定义,教程,选择,默认,主...
-
Dreamweaver CC教程:用多个光标添加或更改文本
Dreamweaver CC教程:用多个光标添加或更改文本,光标,更改,文本...
-
Dreamweaver CC教程:包装在Condition 中
Dreamweaver CC教程:包装在Condition 中,教程,单击,鼠标右键,...
-
Dreamweaver CC教程:缩进代码块
Dreamweaver CC教程:缩进代码块,代码块,缩进,教程,单位,选择,...
-
Dreamweaver CC教程:提取到变量
Dreamweaver CC教程:提取到变量,变量,教程,右键,选择,表达式,...
-
Dreamweaver CC教程:删除库、标签和属性
Dreamweaver CC教程:删除库、标签和属性,删除,教程,标签,属性,...
-
Dreamweaver CC教程:如何跨多个设备分发代码片段
Dreamweaver CC教程:如何跨多个设备分发代码片段,代码片段,教...