dreamweaver 文字已经定义了css 再定义链接样式 搞乱
还是老问题，链接文字的下划线和颜色，想去除下划线，同时保持文字颜色不变。但这次，照常规，在<head>和</head>之间插入a:link...一系列的代码后，全篇文字全...
还是老问题，链接文字的下划线和颜色，想去除下划线，同时保持文字颜色不变。
但这次，照常规，在<head>和</head>之间插入a:link...一系列的代码后，全篇文字全乱了。
经查，网页有段落文字，图片有标题文字，我给图片标题做链接效果，是这次的目的。
图片标题文字，不可以有下划线，点击前后不可以改变颜色。
在我做图片标题的链接前，已经做了两个CSS，分别针对文章和图片标题（标题大小，居中等）。文章的CSS主要是选楷体字和到表格的边距，CSS名字叫.paragrash（段落之意）。图片标题选黑体字和位置居中，CSS名字叫introTITLE。
做好了所有的东西，现在才正式做链接，主要是图片标题的链接，准备上传，这时出现问题。
按以前方式，我在<head>间插入a:link...visited...诸如此类的定义，以前怎么做的，一些细节我记不得了，一刷新，全篇文字全乱了！！！图片标题倒是没有了下划线，可文章和图片标题原来指定的字体全变了，段落格式也变了，好可怕。
简单有万念俱灰的感觉。
请高手们帮帮我，50分不算高，但绝对表达我的诚意！！！
-----------------------------------------------
还有，那个代码----<a href="" class="">链接</a>-----（网上教的）到底该插入哪里？在最head开头？还是在想要做链接效果的页面下方（我想要做链接效果的图片标题在最下方）？细查代码，有些地方也有a href的东西在，可是跟网上教的不一样。网上教的href=""的""中要插入链接代码的总称，如my1(a.my1:link)，可是我做的东西，里面有href的地方，引号中间却是网址链接，这是怎么回事，如果要定义链接效果，href和class的两个引号之间到底该填什么？
谢谢！这算是第二个问题了，如果能一并回答，我再给50分！！ 展开
但这次，照常规，在<head>和</head>之间插入a:link...一系列的代码后，全篇文字全乱了。
经查，网页有段落文字，图片有标题文字，我给图片标题做链接效果，是这次的目的。
图片标题文字，不可以有下划线，点击前后不可以改变颜色。
在我做图片标题的链接前，已经做了两个CSS，分别针对文章和图片标题（标题大小，居中等）。文章的CSS主要是选楷体字和到表格的边距，CSS名字叫.paragrash（段落之意）。图片标题选黑体字和位置居中，CSS名字叫introTITLE。
做好了所有的东西，现在才正式做链接，主要是图片标题的链接，准备上传，这时出现问题。
按以前方式，我在<head>间插入a:link...visited...诸如此类的定义，以前怎么做的，一些细节我记不得了，一刷新，全篇文字全乱了！！！图片标题倒是没有了下划线，可文章和图片标题原来指定的字体全变了，段落格式也变了，好可怕。
简单有万念俱灰的感觉。
请高手们帮帮我，50分不算高，但绝对表达我的诚意！！！
-----------------------------------------------
还有，那个代码----<a href="" class="">链接</a>-----（网上教的）到底该插入哪里？在最head开头？还是在想要做链接效果的页面下方（我想要做链接效果的图片标题在最下方）？细查代码，有些地方也有a href的东西在，可是跟网上教的不一样。网上教的href=""的""中要插入链接代码的总称，如my1(a.my1:link)，可是我做的东西，里面有href的地方，引号中间却是网址链接，这是怎么回事，如果要定义链接效果，href和class的两个引号之间到底该填什么？
谢谢！这算是第二个问题了，如果能一并回答，我再给50分！！ 展开
3个回答
展开全部
在<head></head>中插入定义link的字体是属于全局定义，如果针对于某一块进行修改，这样的定义肯定是行不通的。
建议你将要修改的地方进行一个统一的定义 比如 <span class="text">XXXXXXXX</span> 然后在<head></head>中将。text进行一下定义就可以了哈。
去除下划线是TEXT-DECORATION: none； 然后你再对text进行a：link等的设定就可以了哈。
----<a href="" class="">链接</a>-----我也不清楚你这个到底是要干嘛，但是按照我的猜想就是 a href 是你链接的地址 而class是你自定义的css格式，是要你在<head></head>之间定义的一个css变量哦！
如果还有什么疑问，可以直接申请加入QQ群87477377 大家一起来讨论一下。
建议你将要修改的地方进行一个统一的定义 比如 <span class="text">XXXXXXXX</span> 然后在<head></head>中将。text进行一下定义就可以了哈。
去除下划线是TEXT-DECORATION: none； 然后你再对text进行a：link等的设定就可以了哈。
----<a href="" class="">链接</a>-----我也不清楚你这个到底是要干嘛，但是按照我的猜想就是 a href 是你链接的地址 而class是你自定义的css格式，是要你在<head></head>之间定义的一个css变量哦！
如果还有什么疑问，可以直接申请加入QQ群87477377 大家一起来讨论一下。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你能不能把你写的代码贴出来？
你写在<head></head>之间，请问有没有加
<style type="text/css"></style>？
然后告诉你： href="填链接地址，这跟CSS没直接关系" | class="这是类别选择器，自己定义"
<html>
<head></head>网站头部元素，包括网站标题<title></title>和CSS样式、JS等。
<body>
写在这里的才能在网页上正常显示出来，各种标签存放的地方。A标签当然也要放在body之间。
</body>
</html>
a.my1:link{}
意思就是：类别选择器为 my1的 A标签 链接未点击上去时候 的 CSS样式。
html应该是这样：
<a href="http://hi.baidu.com/sandywk" class="my1">链接文字</a>
你应该去学些html的基础知识，到百度搜索HTML。相信会对你有所帮助。
你写在<head></head>之间，请问有没有加
<style type="text/css"></style>？
然后告诉你： href="填链接地址，这跟CSS没直接关系" | class="这是类别选择器，自己定义"
<html>
<head></head>网站头部元素，包括网站标题<title></title>和CSS样式、JS等。
<body>
写在这里的才能在网页上正常显示出来，各种标签存放的地方。A标签当然也要放在body之间。
</body>
</html>
a.my1:link{}
意思就是：类别选择器为 my1的 A标签 链接未点击上去时候 的 CSS样式。
html应该是这样：
<a href="http://hi.baidu.com/sandywk" class="my1">链接文字</a>
你应该去学些html的基础知识，到百度搜索HTML。相信会对你有所帮助。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你遇到的问题归结成一句话那就是“不同地方的连接用不同的样式”，下面我给你举例说一下：
下面我有4个不同的连接，我要分别给这4处用不同的样式：
根据你的提问我感觉你对css还是不太了解，在举例之前先给你做一些必要的说明：
font-size 表示字体大小，
color表示字体颜色，
text-decoration是设置是否有下划线。
link表示连接最初的的样式，
hover表示鼠标放在上面的时的样式，
active表示鼠标按下时那一瞬间的样式，
visited表示访问后的样式，
下面我就开始举例，看代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
a{ font-size:16px}
a:link {color: #000; text-decoration:none}
a:visited {color: #00F;text-decoration:none}
a:hover {color: #F00;text-decoration:underline;}
a:active {color: #FF0;text-decoration:underline;}
/*以上是链接默认样式*/
a.hchab1:link {color:#0CF; text-decoration:line-through;}
a.hchab1:visited {color:#0FF;}
a.hchab1:hover {color:#C0F; font-size:16px; font-weight:bolder;}
a.hchab1:active {color:#9F3;}
/*以上是第一处链接样式*/
a.hchab2:link {color: #00F; text-decoration:underline;}
a.hchab2:visited {color: #F60;}
a.hchab2:hover {color: #F60; font-size:12px;}
a.hchab2:active {color: #6F0;}
/*以上是第二处链接样式*/
a.hchab3:link {color: #F0F;text-decoration:none; font-size:12px; font-weight:bold;}
a.hchab3:visited {color: #999;text-decoration:none}
a.hchab3:hover {color: #30F; font-size:12px;text-decoration:underline;}
a.hchab3:active {color: #3C9;}
/*以上是第三处链接样式*/
</style>
</head>
<body>
<a class="hchab1" href="#">第一处链接</a><br /><br />
<a class="hchab2" href="#">第二处链接</a><br /><br />
<a class="hchab3" href="#">第三处链接</a><br /><br />
<a href="#">第四处链接</a>
</body>
</html>
可以看出第一，二、三处class分别引用了样式hchab1 hchab2 hchab3，而第四处没有设置class。
不难看出地四处样式遵循了默认样式，
而一二三处分别不同···
你自己去按照这样的方式应该可以做出不同样式的连接出来··
这种方式在css中叫做“伪类”
具体你可以查询一下 http://baike.baidu.com/view/814193.htm?fr=ala0_1
祝你成功！！！
下面我有4个不同的连接，我要分别给这4处用不同的样式：
根据你的提问我感觉你对css还是不太了解，在举例之前先给你做一些必要的说明：
font-size 表示字体大小，
color表示字体颜色，
text-decoration是设置是否有下划线。
link表示连接最初的的样式，
hover表示鼠标放在上面的时的样式，
active表示鼠标按下时那一瞬间的样式，
visited表示访问后的样式，
下面我就开始举例，看代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
a{ font-size:16px}
a:link {color: #000; text-decoration:none}
a:visited {color: #00F;text-decoration:none}
a:hover {color: #F00;text-decoration:underline;}
a:active {color: #FF0;text-decoration:underline;}
/*以上是链接默认样式*/
a.hchab1:link {color:#0CF; text-decoration:line-through;}
a.hchab1:visited {color:#0FF;}
a.hchab1:hover {color:#C0F; font-size:16px; font-weight:bolder;}
a.hchab1:active {color:#9F3;}
/*以上是第一处链接样式*/
a.hchab2:link {color: #00F; text-decoration:underline;}
a.hchab2:visited {color: #F60;}
a.hchab2:hover {color: #F60; font-size:12px;}
a.hchab2:active {color: #6F0;}
/*以上是第二处链接样式*/
a.hchab3:link {color: #F0F;text-decoration:none; font-size:12px; font-weight:bold;}
a.hchab3:visited {color: #999;text-decoration:none}
a.hchab3:hover {color: #30F; font-size:12px;text-decoration:underline;}
a.hchab3:active {color: #3C9;}
/*以上是第三处链接样式*/
</style>
</head>
<body>
<a class="hchab1" href="#">第一处链接</a><br /><br />
<a class="hchab2" href="#">第二处链接</a><br /><br />
<a class="hchab3" href="#">第三处链接</a><br /><br />
<a href="#">第四处链接</a>
</body>
</html>
可以看出第一，二、三处class分别引用了样式hchab1 hchab2 hchab3，而第四处没有设置class。
不难看出地四处样式遵循了默认样式，
而一二三处分别不同···
你自己去按照这样的方式应该可以做出不同样式的连接出来··
这种方式在css中叫做“伪类”
具体你可以查询一下 http://baike.baidu.com/view/814193.htm?fr=ala0_1
祝你成功！！！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
