大家好，今天来为大家分享css设置超链接样式的一些知识点，和css设置文字间距的问题解析，大家要是都明白，那么可以忽略，如果不太清楚的话可以看看本篇文章，相信很大概率可以解决您的问题，接下来我们就一起来看看吧！
一、如何用CSS控制超链接字体样式【经典代码转载】
1、先一个例子，比如说下面这段代码：
2、a:link{text-decoration:none;color:blue;}
3、a:hover{text-decoration:underline;color:red;}a:active{text-decoration:none;color:yellow;}
4、a:visited{text-decoration:none;color:green;}</style
5、其效果是：未被点击时超链接文字无下划线，显示为蓝色；当鼠标放在链接上时有下划线，链接文字显示为红色；当点击链接时，即链接被激活，链接无下划线，显示为黄色；当点击链接后，也就是链接已被访问过后，链接无下划线，显示为绿色。其中：
6、a:link指正常的未被访问过的链接；
7、a:visited指已经访问过的链接。参数设置：
8、text-decoration是文字修饰效果的意思；none参数表示超链接文字不显示下划线；underline参数表示超链接的文字有下划线；如果是overline则给超链接文字加上划线；换成line-through则是给超链接文字加上删除线；blink则使文字在闪烁。
9、color:blue，color:red等是给链接文字加颜色。
10、font-weight:bold给链接文字加粗；font-size:16pt设置链接文字字体大小；background:#ffd306给链接文字加背景颜色；font-style:italic链接文字倾斜；border-bottom:1pxdashed#51bfe0给链接文字加虚线，其中1px是虚线的粗细度，数值越大越粗，dashed表示虚线，#51bfe0是虚线颜色，如果要给链接文字加虚线的话，就不用加下划线了。
11、a:hover{text-decoration:none;border-bottom:1px dashed red;}</style
12、其效果是当鼠标放在链接上的时候链接出现红色虚下划线。
13、<style type="text/css"a:hover{text-decoration:underline;font-weight:bold;color:red;background:blue;font-style:italic;}</style
14、其效果就是当鼠标放在链接上的时候，链接有下划线，字体加粗，链接文字为红色，背景为蓝色，文字倾斜。
二、CSS如何设置超链接被点击后变个样式
1、点击后链接样式的设置是 a:visited{color:#00FF00}下面是比较详细的解释。推介你一个网站语言学习的网址、 http://www.w3school.com.cn我就是在这里自学的，还有很多实例
2、锚伪类在支持 CSS的浏览器中，链接的不同状态都可以不同的方式显示，这些状态包括：活动状态，已被访问状态，未被访问状态，和鼠标悬停状态。a:link{color:#FF0000}/*未访问的链接*/a:visited{color:#00FF00}/*已访问的链接*/a:hover{color:#FF00FF}/*鼠标移动到链接上*/a:active{color:#0000FF}/*选定的链接*/
3、提示：在 CSS定义中，a:hover必须被置于 a:link和 a:visited之后，才是有效的。提示：在 CSS定义中，a:active必须被置于 a:hover之后，才是有效的。提示：伪类名称对大小写不敏感。
三、怎样用css操作链接样式
这篇文章将详细的讲解通过css来控制超链接样式。我们主要讲文字类型的超链接，包括超链接有无下划线、超链接文字颜色等样式。
超链接通俗地指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。
<a href="http://www.gxlcms.com/" target="_blank" title="关于div css的网站">DIV+CSS</a>解析如下：
href后跟被链接地址目标网站地址这里是http://www.gxlcms.com/
_self--在当前窗体打开链接,此为默认值
_top--在当前窗体打开链接，并替换当前的整个窗体(框架页)
title后跟链接目标说明，也就是超链接被链接网址情况简要说明，或标题
CSS可控制超链接样式-css链接样式如下
a:hover是把鼠标放上去时悬停的状况
a{color:#333;text-decoration:none;}//对全站有链接的文字颜色样式为color:#333;并立即无下划线text-decoration:none;
a:hover{color:#CC3300;text-decoration:underline;}//对鼠标放到超链接上文字颜色样式变为color:#CC3300;并文字链接加下划线text-decoration:underline;
2、通过链接内设置类控制超链接样式css方法
案例超链接代码<a href="http://www.gxlcms.com/" class="yangshi">CSS</a>
a.yangshi{color:#333;text-decoration:none;}
a.yangshi:hover{color:#CC3300;text-decoration:underline;}
通过这样的设置可以控制链接内的css类名为“yangshi”超链接的样式
3、通过对应超链接外的父级的css类的css样式来控制超链接的样式
案例超链接代码<div class="yangshi"><a href="http://www.gxlcms.com/">CSS</a></a>
.yangshi a{color:#333;text-decoration:none;}
.yangshi a:hover{color:#CC3300;text-decoration:underline;}
这里值得注意的是a.yangshi与.yangshi a的样式css代码区别
这里就是常css来对超链接样式设置的方法，有需要的朋友可以保存一下，也请大家持续关注本站的其他更新。
四、Dreamweaver使用CSS规则设置超链接显示
默认情况下，网页的超链接都有固定的显示形式。在这里，我们可以通过创建CSS的样式来控制超链接文本的显示。
一、使用CSS规则设置超链接的显示
1.打开文档，然后打开“CSS样式”面板。
2.在“CSS样式”面板中，点击右下角的“新建 CSS规则”按钮，打开“新建 CSS规则”对话框，如下图所示：
在“选择器类型”中选择“复合内容(基于选择的内容)”项。
在“选择器名称”中点击右边的下拉箭头，我们可以看到：
a:visited：已经访问过的超链接。
a:hover：鼠标指针移动到上面时的超链接。
3.在“选择器名称”中选择“a:link”项，然后点击“确定”按钮，打开“CSS规则定义”对话框。
4.在“CSS规则定义”对话框中，在“分类”下拉框中选择“类型”，然后在右边“类型”部分设置链接字体的颜色、大小和修饰等。
5.设置好以后单击“确定”按钮，完成“a:link”项的设置。
6.重复第3.第4.第5.步的操作，继续设置“a:visited”、“a:hover”和“a:active”项。
7.全部设置好以后，链接文字的效果如下：
8.在“代码”视图中可以查看设置好的CSS样式源文件。代码如下：
五、CSS如何设置超链接
1、由于超链接有四种不同的状态，CSS用伪类来标识它们。
2、(1):link：设置a对象在未被访问前的样式表属性。
3、(2):visited：设置a对象在其链接地址已被访问过时的样式表属性。
4、(3):hover：设置对象在其鼠标悬停时的样式表属性。
5、(4):active：设置对象在被用户激活（在鼠标点击与释放之间发生的事件）时的样式表属性。
6、css中关于超链接的四个属性正确顺序为：
7、伪类名字对大小写不敏感，但在定义顺序上有要求。:hover必须被置于:link和:visited之后才是有效的，:active必须被置于:hover之后才是有效的。
8、如果没有指定伪类，则默认为:link。
9、超链接默认情况下是始总有下滑线的，如果要去掉下划线，则需要添加样式 text-decoration: none;
10、a:link{ color:#dd3409;text-decoration:none; font-size:13px;}/**//*超链接的样式*/
11、 a:visited{ color:#9f301d;text-decoration:none;}
12、 a:visited:hover{ color:#9f301d;text-decoration:underline;}
13、 a:hover{ color:#dd3409;text-decoration:underline;}
14、 a:active{ color:#ff3300;text-decoration:underline;}
六、怎样在html中设置超链接的样式呢
1、首先我们先来编写一个HTML框架
2、我们来创建一个a标签，进行超链接的展示；
3、我们接下来书写head书签，在其中进行书写其他编写；
4、接着书写style标签，在其中书写css代码；
5、我们利用a:link进行对未点击的超链接进行样式设置；
6、接着利用a:visited进行对已点击的超链接进行设置；
7、最后，我们还可以对鼠标悬停的状态进行样式修改，如图代码a:hover；
OK，关于css设置超链接样式和css设置文字间距的内容到此结束了，希望对大家有所帮助。
