CSS编辑利器DW使用技巧

CSS编辑利器DW使用技巧

看了《CSS编辑利器TopStyle使用技巧》这篇文章让我想起我要写一篇DW的文章,DW已用了N年,可是还是很许多的功能没用用上,但还有许多常用的功能值得一提的如下:

文档间的切换:Ctrl+Tab;
隐藏面板:F4;
代码检验器:F10;
F12:使用主浏览器查看页面效果;
Ctrl+F12:使用次浏览器查看页面效果;
Ctrl+G:跳转行;
Ctrl+F:查找替换;
Alt+F4:关闭当前面板;

代码中的快捷键:
home 段首;
end 段尾;
Ctrl+←或→ 按单词移动;
Shift+←或→ 按字母选取文字;
Shift+Ctrl+←或→ 按单词选取文字;
Shift+Ctrl+↑或↓ 按行选取文字;
Delete 删除鼠标后面的字母;
Backspace 删除鼠标前面的字母;
Ctrl+[ 选取父元素

代码折叠
折叠所选:Ctrl+Shift+C
折叠外部所选:Ctrl+Alt+C
扩展所选:Ctrl+Shift+E
折叠完整标签:Ctrl+Shift+J
折叠外部完整标签:Ctrl+Alt+J
扩展全部:Ctrl+Alt+E
缩进代码:Ctrl+Alt+[
突出代码:Ctrl+Alt+]

Windows 快捷键
Win+D 桌面刷新;
ALT+TAB 切换当前程序;
ALT+ESC 切换当前程序;
切换到上次使用的窗口或者按住 ALT然后重复按TAB,
切换到另一个窗口 ALT+ TAB

Internet Explorer快捷键 
ALT+D 选择地址栏中的文字 
Ctrl+R 强行刷新页面;

以上就是在我们最常用的快捷键了,不用一次背会,在实践中多去用,用多了自然就记住了。

常见问题解答

1.为什么DW使用时有时就不出现代码提示了?

  使用CTRL+SHIFT切换成英文就可以了

2.DW中的缩进太大了怎么办?

  可以到编辑-首选参数-代码格式里的制表符大小改为你需要的值就可以了。

3.手写的代码格式很乱用什么方法去整理呢?

  当然DW可以代我们去做,命令-套用原格式,整理完后清晰的代码就在你的眼前了!

4.为什么DW与浏览器的显示不一样?

  Dreamweaver可视化区是为用户编辑而设计,可视区不是调用外面浏览器,它支持最基本的HTML与CSS,对CSS而言我们在写入样式时如果你使用最基本的样式时它的显示与你在浏览器中看的效果相差不大,如果你使用一些HACK技术(因为HACK是单独对不同浏览而用)在加上DW本身对样式的错误、不完全理解,你看到的可视化区就会变得面目全非!如果你很依赖可视化的话,最好少用一些HACK技术,因为HACK技术是没有办法情况下为了各浏览器正常显示而加的代码,但这不是你为了展示技术而做的一项工作。你写的代码比较规范的话,很多情况下在可视区的显示效果相差不会很大。
以上是我的个人观点,仅供参考。

5.如何找到一个元素的所有属性?

  在CSS面板中就有这项功能,这是我最喜欢它的一个原因,CSS样式-正在这个面板有两个小图标第二个就是你要用的了,你可以看到这个标签所有继承下来的样式与在哪个样式中,一目了然,是不是很方便,这个功能是其它软件所没有的。

  你还可以在DW中外挂TOPstyle和一个文件比较软件Beyond Compare,这样你的DW的功能可就很强大了。

本篇文章来源于 站长资讯网 原文链接:http://www.chinahtml.com/0702/dreamweaver-117194210211366.html

nathanma

leave a comment

Create Account



Log In Your Account