日期:2014-01-01  浏览次数:20891 次

  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>