Dreamweaver 中使用CSS的一个小问题|Dreamweaver DW制作技巧

像咸鱼一样活

版主

UID 2372343
精华 1
积分 24226
帖子 620
威望 11895
积分 0
阅读权限 100
注册 2007-6-21
来自嘉兴
状态离线

发表于 2007-7-27 02:46 资料主页文集短消息

Dreamweaver 中使用CSS的一个小问题

Dreamweaver应该大家都知道吧（以下简称DW），这是著名美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器。由于DW的功能之强大，所以可以在他里面直接定义CSS（样式表），而就是这CSS给我出了个小难题。

　　事情是这样的，我用CSS主要是改变一下我的超级连接的颜色和下划线的有无。在DW里定义CSS的确很方便，里面的参数他都为你设置好了，只要你点鼠标就行了。正是由于他的简单，而使他带来了一个小问题（就我自己认为）：
　　< style type="text/CSS">
　　< !--
　　a:hover { color: #FF3333; text-decoration: underline}
　　a:link { color: #3333FF; text-decoration: none}
　　a:visited { color: #3333FF; text-decoration: none}
　　-->
　　< /style>
　　以上就是DW生成的CSS源码，这段源码的意思就是去掉超级连接的下划线，鼠标移上去的进候改变颜色并添加下划线，连接后的颜色不变为蓝色。我本意也是如此，可是在IE里浏览的结果告诉你，不是这样的。而是有一点点小改变，就是连接了之后，当鼠标再次移上去的时候，本来是有下划线的，变成没有了。这是什么原因呢，一般来说是有的呀！那是为什么了，接着我从别的网站找了一个和我定义的差不多的CSS，分析一下他们的CSS源码，差不多呀（就颜色不同和多了一些其它参数），其它多的参数很快被我排除，因为那些参数我用不着，就停在颜色上，刚开始我还以为我是色盲呢！但是还是很快就又否定了，我把找到的CSS放到我的主页上很正常，并把颜色改成我的颜色，还是很正常。这也不是，那也不是，那为什么了。为什么一样的代码会有两种效果？为什么…
　　就在我准备上网求助的时候，突然我的眼睛一亮，该不会是这个原因吧！原来那个我找来的代码和我自己的代码，只有一点点不同就是---顺序不同，因为我想顺序不是很重要吧！就没有注意。接下来就是改了，再一试，哇，成功！唉看来以后定义CSS只有手写的或在DW里定义了再改。真麻烦，我还以为有DW就变简单呢，没想到还是要手定代码。如果那位高手还有好办法请来信告之！以下是改了的代码：（是不是不容易注意啊！）
　　< style type="text/CSS">
　　< !--
　　a:link { color: #3333FF; text-decoration: none}
　　a:visited { color: #3333FF; text-decoration: none}
　　a:hover { color: #FF3333; text-decoration: underline}
　　-->
　　< /style>

[广告] 论坛使用帮助（如何发附件）