正文
css链接样式,css链接样式表
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
css链接样式怎么设置
css可以使用下面的几种伪类来设置链接样式：
链接的四种状态：
a:link - 普通的、未被访问的链接
a:visited - 用户已访问的链接
a:hover - 鼠标指针位于链接的上方
a:active - 链接被点击的时刻
当为链接的不同状态设置样式时，要按照如下规则：
a:hover 必须位于 a:link 和 a:visited 之后
a:active 必须位于 a:hover 之后
相关问答
Q1: 链接样式表的方法总共有几种
链接样式表的方法基本有三种：
1、行内样式表：使用【style】属性引入CSS样式。
2、内部样式表：在【style】标签中书写CSS代码；【style】标签写在【head】标签中。
3、外部样式表：CSS代码保存在扩展名为【．css】的样式表中；HTML文件引用扩展名为【．css】的样式表，有两种方式：【链接式】和【导入式】。
CSS（层叠样式表）介绍：
层叠样式表（英文全称：Cascading Style Sheets）是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
以上内容参考：百度百科-CSS
Q2: CSS决定网页样式,样式添加可以通过单独文件链接样式、嵌入样式、行内样式几种
有外部式，内嵌式，行内样式。
1、外部式：
（1）用法：当要在站点上所有或部分网页上一致地应用相同样式时，可使用外部样式表。在一个或多个外部样式表中定义样式，并将它们链接到所有网页，便能确保所有网页外观的一致性。如果人们决定更改样式，只需在外部样式表中修改一次，而该更改会反映到所有与该样式表相链接的网页上。
（2）举例：通常外部样式表以 .css 做为文件扩展名，例如 Mystyles.css。然后在需要此样式的页面中将其链接进来。
2、内嵌式：
（1）用法：当人们只是要定义当前网页的样式，可使用嵌入的样式表。嵌入的样式表是一种级联样式表，“嵌”在网页的 标记符内。嵌入的样式表中的样式只能在同一网页上使用。
（2）举例：在 MicrosoftFrontPage2000中，某些格式设置特性会作为内嵌样式自动应用。例如∶如果使用 “边框与阴影” 命令（在 “格式” 菜单上）在普通段落周围应用框，FrontPage 会写下格式设置信息，作为段落标记符的内嵌样式属性。
3、行内样式：
行内样式就是直接把CSS代码添加到HTML的标记中，即作为HTML标记的属性标记存在。通过这种方法，可以很简单地对某个元素单独定义样式。
Q3: 利用css设置四种不同样式超链接的方法
html超链接样式包括：正在连接、访问过、鼠标盘旋，各个文本字体样式设置如下
style type="text/css"
!-- 超链接文本字体设置--
A {
FONT-SIZE: 16px; FONT-FAMILY: 宋体
}
!-- 超链接正在连接的文本字体设置--
A:link {
COLOR: #0055bb; TEXT-DECORATION: none
}
!-- 超链接访问过的文本字体设置--
A:visited {
COLOR: #0077bb; TEXT-DECORATION: none
}
!-- 超链接鼠标盘旋的文本字体设置--
A:hover {
COLOR: #ff0000; TEXT-DECORATION: none
}
/style
Q4: CSS鼠标点击链接的样式
我们在点击超链接的时候，会发现
这四个状态，链接的文本会发生不一样的状态，这样的效果就是用CSS的伪类选择器来实现。
正确的CSS顺序应该是
Why?
因为这四个CSS的优先级是一样的，所有后者会覆盖前者。
从实现的步骤来分析，就应该是这样排列才对。
用户的操作步骤是
1. 还没有点击链接
那么只有 a:link 这一条样式生效，用户看到的是没有点击的样式。
2. 鼠标移上去悬浮在链接上
那么 a: link 和 a: hover 这两条生效，由于 a: hover 在后面，所以样式3覆盖了样式1，显示的是鼠标移上去悬浮在链接上这个样式
3. 鼠标按了下去
那么 a:link 、 a:hover 和 a:active 这三条生效， a:active 覆盖了前两者，显示出来的就是鼠标点击时候的样式。
4. 点击完发生链接之后
那么 a: visited 这一条永久生效，显示出来的就是链接后的样式。
总之，必须是，
