解决Dreamweaver中关于应用CSS的小问题

2016-02-19 18:41 2 1 收藏

今天图老师小编要跟大家分享解决Dreamweaver中关于应用CSS的小问题,精心挑选的过程简单易学,喜欢的朋友一起来学习吧!

【 tulaoshi.com - Web开发 】

  Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器。由于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放到我的主页上很正常,并把颜色改成我的颜色,还是很正常。这也不是,那也不是,那为什么了。为什么一样的代码会有两种效果?为什么…

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

  就在我准备上网求助的时候,突然我的眼睛一亮,该不会是这个原因吧!原来那个我找来的代码和我自己的代码,只有一点点不同就是---顺序不同,因为我想顺序不是很重要吧!就没有注意。接下来就是改了,再一试,哇,成功!唉看来以后定义css只有手写的或在DW里定义了再改。真麻烦,我还以为有DW就变简单呢,没想到还是要手定代码。如果那位高手还有好办法请来信告之!以下是改了的代码:(是不是不容易注意啊!)

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

以下为引用的内容:

   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

来源:https://www.tulaoshi.com/n/20160219/1618615.html

延伸阅读
标签: Web开发
一、 去除超级链接的下划线以及在超级链接上实现鼠标悬停变色: 在默认情况下,用DreamWeaver设计的网页中的超级链接都有下划线,看上去不大美观。要去除这些讨厌的下划线,很多报刊介绍的方法都是在HTML源代码中手工加入一段代码,其实在DreamWeave中很容易去除链接的下划线。首先在DreamWeaver的Document Windows中随便建立一个链接...
标签: Web开发
将两个或更多 CSS 规则应用于同一文本时,这些规则可能会发生冲突并产生意外的结果。浏览器按以下方式应用 CSS 规则: 如果将两种规则应用于同一文本,浏览器显示这两种规则的所有属性,除非特定的属性发生冲突。例如,一种规则可能指定文本颜色为蓝色,而另一种规则可能指定文本颜色为红色。 如果应用于同一文本的两种规则的属...
在生活中。我们可能会因为各种各样的原因而出现身体不适的情况。在这个号时候,很多人可能会选择吃药,但是俗话说得好,是药三分毒,我们不能一不舒服就吃药。今天图老师小编教给大家一个小方法,可以帮助大家轻松解决一些生活中的小病痛。究竟是什么方法这么管用呢?下面咱们一起来看看吧! 只需要刮刮手指,就可对全身起到保健作用,...
    先看一个简单的例子:以下是常见按钮,使用“类”控制字体的按钮是不是漂亮了许多?而没有使用“类”控制的按钮的字体看上去就有点变形?本例使用9pt大小的宋体字控制的。        这是“类”的一个用途。     奥秘是这样的:     先定义一...
标签: Web开发
不可否认,我是非常看好AJAX技术的。我以为AJAX技术对于互联网,就像HTML对于互联网一样。但同时又要看到,AJAX技术不能完全取代我们常规的WEB开发技术。AJAX技术有它让人眼睛一亮的优点,同时它也有很多弱点。 我们作为开发人员,不能因为AJAX技术好,就在WEB开发中全部使用AJAX。      对了,不能为了AJAX而AJ...

经验教程

411

收藏

84
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部