Dreamweaver 中使用CSS的一个小问题
来源:不详 责任编辑:栏目编辑 发表时间:2013-07-01 10:54 点击:次
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>
事情是这样的, 我用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>
相关新闻>>
- [将web进行到底之长大在线系列教程] === 第四章 运用Dreamweaver制作
- Dreamweaver CS5在onLoad运行RecordsetFind.htm时出错
- Dreamweaver制作网页时使用CSS的事项
- Dreamweaver解决网页制作中的空格问题
- 妙用Dreamweaver MX共享Word XP文件
- 用Dreamweaver MX控制页面元素
- Dreamweaver MX 2004 新功能:图片处理
- Dreamweaver MX 2004 新功能试用:表格
- 怎样在dreamweaver中让部分或全部代码大小写转换
- Dreamweaver 4 中用CSS样式表来美化网页
最新推荐更多>>>
- 发表评论
-
- 最新评论 更多>>