css设计链接样式,链接css样式表

利用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

相关问答

Q1: 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 这一条永久生效，显示出来的就是链接后的样式。

总之，必须是，

Q2: CSS决定网页样式,样式添加可以通过单独文件链接样式、嵌入样式、行内样式几种

有外部式，内嵌式，行内样式。

1、外部式：

（1）用法：当要在站点上所有或部分网页上一致地应用相同样式时，可使用外部样式表。在一个或多个外部样式表中定义样式，并将它们链接到所有网页，便能确保所有网页外观的一致性。如果人们决定更改样式，只需在外部样式表中修改一次，而该更改会反映到所有与该样式表相链接的网页上。

（2）举例：通常外部样式表以 .css 做为文件扩展名，例如 Mystyles.css。然后在需要此样式的页面中将其链接进来。

2、内嵌式：

（1）用法：当人们只是要定义当前网页的样式，可使用嵌入的样式表。嵌入的样式表是一种级联样式表，“嵌”在网页的 标记符内。嵌入的样式表中的样式只能在同一网页上使用。

（2）举例：在 MicrosoftFrontPage2000中，某些格式设置特性会作为内嵌样式自动应用。例如∶如果使用 “边框与阴影” 命令（在 “格式” 菜单上）在普通段落周围应用框，FrontPage 会写下格式设置信息，作为段落标记符的内嵌样式属性。

3、行内样式：

行内样式就是直接把CSS代码添加到HTML的标记中，即作为HTML标记的属性标记存在。通过这种方法，可以很简单地对某个元素单独定义样式。

Q3: css链接样式怎么设置

css可以使用下面的几种伪类来设置链接样式：

链接的四种状态：

a:link - 普通的、未被访问的链接

a:visited - 用户已访问的链接

a:hover - 鼠标指针位于链接的上方

a:active - 链接被点击的时刻

当为链接的不同状态设置样式时，要按照如下规则：

a:hover 必须位于 a:link 和 a:visited 之后

a:active 必须位于 a:hover 之后

Q4: 网页中怎么在CSS中定义不同的链接样式

有一个笨方法, 首选,你设置页面属性的链接属性为你想要的第一种样式,然后新建一个页面,也同样设置页面属性为你想要的第二种链接样式,区别就是在第二种前面加个自定义的名称,比如: #lan a { font-family: 宋体; font-size: 13px; color: #053052; } #lan a:link { text-decoration: none; } #lan a:visited { text-decoration: none; color: #053052; } #lan a:hover { text-decoration: underline; color: #FF0000; } #lan a:active { text-decoration: none; color: #053052; } 这个#lan就是你起的名字,可以随意起,把这代码粘进同一页面内,然后在你想调取这个样式的位置,是表格的话,就放在td里,如果是DIV的话,就放在DIV里,以id="lan"这样来应用这个自建的链接样式