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

完美解决PJBLOG 3皮肤在IE8下显示错位的问题

IE8的出现,给PJBLOG3的皮肤带来了一些兼容性方面的问题,最为突出的2个地方就是:博客日历和文章页上一篇下一篇的位置。这也是论坛上对这2个地方总是提出疑问。现在有了很好的方法来解决这个问题—css reset。
我们可以把它叫做CSS重设,也有人叫做CSS复位、默认CSS、CSS重置等。CSS重设就是由于各种浏览器解释CSS样式的初始值有所不同,导致设计师在没有定义某个CSS属性时,不同的浏览器会按照自己的默认值来为没有定义的样式赋值,所以我们要先定义好一些CSS样式,来让所有浏览器都按照同样的规则解释CSS,这样就能避免发生这种问题。对于css reset 大家也可以Google一下。论坛上的朋友曾经用*{margin:0px;padding:0px;border:0px;}来解决IE8下日历的问题,不过用这个的话会出现一些新的问题,当然这些问题是细微的,就是比如我准备发表一篇文章,在选择日志分类上的会没有了那个外框,前面的1,2,3会在边框外面,对于追求完美的看着肯定不舒服的(不追求完美的请路过)。
  
完美的解决方法是:将global.css里面的。

img {max-width: 100%;height: auto;}

删除(可能有的和这个不全一样,就是img{}这段删除),换上下面的就可以了。

img,div,form,ul,ol,li,dl,dt,dd {margin:0;padding:0;border:0;}
li{ list-style-type:none;}

这段css可以将2个问题都解决了,日历和文章页上一篇下一篇的位置的错位问题。
其实* {margin:0px;padding:0px;border:0px;}也是css reset的一种,只是这里用有点小问题而已。