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

2016-02-19 18:41 8 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 

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

  以上就是DW生成的css源码,这段源码的意思就是去掉超级连接的下划线,鼠标移上去的进候改变颜色并添加下划线,连接后的颜色不变为蓝色。我本意也是如此,可是在IE里浏览的结果告诉你,不是这样的。而是有一点点小改变,就是连接了之后,当鼠标再次移上去的时候,本来是有下划线的,变成没有了。这是什么原因呢,一般来说是有的呀!那是为什么了,接着我从别的网站找了一个和我定义的差不多的css,分析一下他们的css源码,差不多呀(就颜色不同和多了一些其它参数),其它多的参数很快被我排除,因为那些参数我用不着,就停在颜色上,刚开始我还以为我是色盲呢!但是还是很快就又否定了,我把找到的css放到我的主页上很正常,并把颜色改成我的颜色,还是很正常。这也不是,那也不是,那为什么了。为什么一样的代码会有两种效果?为什么…

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

以下为引用的内容:

(本文来源于图老师网站,更多请访问http://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

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

延伸阅读
标签: Web开发
比如,你有如下的代码: h2 { color: red; } .abc { color: red; } .abccom { color: red; } 则你可以这样写: h2,.abc,.abccom { color: red; } 使用组合,你可以一次定义多个CSS,为你节省很多字节和时间。 CSS嵌套 CSS结构好的话,没有必要使用过多的类或者标识选择符。这是因为你可以指...
在生活中。我们可能会因为各种各样的原因而出现身体不适的情况。在这个号时候,很多人可能会选择吃药,但是俗话说得好,是药三分毒,我们不能一不舒服就吃药。今天图老师小编教给大家一个小方法,可以帮助大家轻松解决一些生活中的小病痛。究竟是什么方法这么管用呢?下面咱们一起来看看吧! 只需要刮刮手指,就可对全身起到保健作用,...
标签: Web开发
一、 去除超级链接的下划线以及在超级链接上实现鼠标悬停变色: 在默认情况下,用DreamWeaver设计的网页中的超级链接都有下划线,看上去不大美观。要去除这些讨厌的下划线,很多报刊介绍的方法都是在HTML源代码中手工加入一段代码,其实在DreamWeave中很容易去除链接的下划线。首先在DreamWeaver的Document Windows中随便建立一个链接...
    先看一个简单的例子:以下是常见按钮,使用“类”控制字体的按钮是不是漂亮了许多?而没有使用“类”控制的按钮的字体看上去就有点变形?本例使用9pt大小的宋体字控制的。        这是“类”的一个用途。     奥秘是这样的:     先定义一...
标签: Web开发
原文:http://www.ddcat.net/blog/archives/2007/11/195.html 前几天有个人退群了。起因很简单,他问了一个问题,没人回答,于是说要退群,后来我看到了,给了个链接,说这个问题已经说过好多遍了,于是他就退了。 打开QQ的群列表,我所在的技术群有5个,不包括原来参加过又退了的。另外,还去几个论坛里看。看得多了,忽然觉得有几句话...

经验教程

13

收藏

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