css链接样式（网页中怎么在CSS中定义不同的链接样式）

本文目录

• 网页中怎么在CSS中定义不同的链接样式
• 如何给网页超链接设置不同的CSS
• 如何连接外部CSS样式
• 怎么使用CSS样式设置出的链接样式，代码该怎么改
• 怎么设定图片超链接，用css样式怎么写
• 如何用CSS控制超链接字体样式【经典代码转载】
• css：为什么点击链接后，所有链接颜色都变了
• 什么是内联式样式表，外联式样式表
• 如何通过CSS做链接
• CSS定义超链接样式有什么顺序

网页中怎么在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"这样来应用这个自建的链接样式

如何给网页超链接设置不同的CSS

其实很简单.
首先定义全局的a样式.
比如
a{color:red;}
这样所有的链接颜色就是红色.
然后你想修改其中一个链接样式
《a href="----"》一个链接《/a》
那么需要给他指定一个class.
如:
《a class="blue" href="----"》一个链接《/a》
然后再css里添加一个样式:
.blue{color:blue;}
这样,这个链接就是显示为蓝色.其他链接因为没有使用blue样式而显示为红色.

如何连接外部CSS样式

外部CSS样式是一个独立的CSS文件，当在网页中直接创建外部CSS样式时，该样式自动应用到网页中；当在创建空白网页时，通常可以附加已经存在的外部样式表。如果CSS样式文件已经存在，制作网页时可以通过【CSS样式】面板中的【附加样式表】按钮来链接，具体操作如下：（1）单击【附加样式表】按钮，在打开【链接外部样式表】对话框（见图1）中选择外部CSS文件后，可以通过“连接”或“导入”方式将其应用到当前网页中。（2）在【添加为】中选择其中的一个选项：◇若要创建当前文档和外部样式表之间的链接，请选择【链接】单击按钮。该选项在HTML代码中创建一个《link》标记，并引用已发布的样式表所在的URL。《link》标记必须放在页面的《head》区域。Internet Explorer和Netscape Navigator都支持此方法。◇如果希望导入而不是链接到外部样式表，请选择【导入】单击按钮。导入外部样式表是指在内部样式表的《style》里导入一个外部样式表，导入时用@import。注意：不能使用 【链接】标记添加从一个外部样式表到另外一个外部样式表的引用。如果要嵌套样式表，必须使用【导入】指令。大多数浏览器还能识别页面中（而不仅仅是样式表中）的导入指令。当在链接到页面与导入到页面的外部样式表中存在重叠的规则时，不同浏览器解决冲突属性的方式具有细微的差别。

怎么使用CSS样式设置出的链接样式，代码该怎么改

《style type="text/css"》
a{ text-decoration: none; color: blue; }
.my_a{ text-decoration: none; color: blue }
#myA{ text-decoration: none; color: blue }
《/style》
以上三种是在样式表里面的写法，区别是选择器不同，依照需要用不同的选择器
《a class="my_a" id="myA" href="" style="text-decoration: none; color: blue;"》《/a》
这个是直接在链接上写

怎么设定图片超链接，用css样式怎么写

设定图片超链接，用css样式来实现，其实就是给这个图片的块添加超链接，我们可以通过在这个块的前面添加一个a标签来实现，然后填写上你所需要的链接地址就行了，通过代码来理解：
《html》
《head》
《style》
#div1{
width:660px;
height:400px;
border:1px soild #f00;
}

《/style》
《/head》
《body》
《div id=’div1’》
《a href=""》《img src=’图片地址’》《/a》
《/div》
《/body》
《/html》

如何用CSS控制超链接字体样式【经典代码转载】

先一个例子，比如说下面这段代码：
《style type="text/css"
a:link {text-decoration:none;color:blue;}
a:hover {text-decoration:underline;color:red;}a:active{text-decoration:none;color:yellow;}
a:visited {text-decoration:none;color:green;}《/style
其效果是：未被点击时超链接文字无下划线，显示为蓝色；当鼠标放在链接上时有下划线，链接文字显示为红色；当点击链接时，即链接被激活，链接无下划线，显示为黄色；当点击链接后，也就是链接已被访问过后，链接无下划线，显示为绿色。其中：
a:link 指正常的未被访问过的链接；
a:hover 指鼠标在链接上；
a:active 指正在点的链接；
a:visited 指已经访问过的链接。参数设置：
text-decoration是文字修饰效果的意思；none参数表示超链接文字不显示下划线；underline参数表示超链接的文字有下划线；如果是overline则给超链接文字加上划线；换成line-through则是给超链接文字加上删除线；blink则使文字在闪烁。
color:blue，color:red等是给链接文字加颜色。
还可以添加其他参数，如：
font-weight:bold给链接文字加粗；font-size:16pt设置链接文字字体大小；background:#ffd306给链接文字加背景颜色；font-style:italic链接文字倾斜；border-bottom:1pxdashed#51bfe0给链接文字加虚线，其中1px是虚线的粗细度，数值越大越粗，dashed表示虚线，#51bfe0是虚线颜色，如果要给链接文字加虚线的话，就不用加下划线了。
例如下面这两段代码：
《style type="text/css"
a:hover {text-decoration:none;border-bottom:1px dashed red;}《/style
其效果是当鼠标放在链接上的时候链接出现红色虚下划线。
《style type="text/css"a:hover{text-decoration:underline;font-weight:bold;color:red;background:blue;font-style:italic;}《/style
其效果就是当鼠标放在链接上的时候，链接有下划线，字体加粗，链接文字为红色，背景为蓝色，文字倾斜。

css：为什么点击链接后，所有链接颜色都变了

Css超链接样式的各属性的顺序不能颠倒，这个顺序非常重要。
css中关于超链接的四个属性一般正常顺序为：link，visited，hover，active，即
a:link 链接平常的状态
a:visited 链接被访问过之后
a:hover 鼠标放到链接上的时候
a:active 链接被按下的时候
以下为点过链接后，链接字体变为红色：
a:link { color:#dd3409;text-decoration:none; font-size:13px; }/* 超链接的样式 */
a:visited { color:#9f301d;text-decoration:none; }
a:visited:hover { color:#9f301d;text-decoration:underline; }
a:hover { color:#dd3409;text-decoration:underline; }
a:active { color:#ff3300;text-decoration:underline; }

什么是内联式样式表，外联式样式表

外部样式表将管理整个Web页的外观，当用户在设计HTML（标准通用标记语言的一个应用）时，首先要对整个外观定义一个CSS文件（扩展名为·css），然后通过链接来使用，一个外部的样式表可以通过HTML的LINK元素连接到HTML文档中。*.aspx文件中需要用《head》@import URL("*.css");《/head》完成连接或是《link rel="stylesheet" type="text/css" href="相对路径"》。

内联样式表：写在开始标记里面，比如你要H1变红色，《h1 style=”color:red;”》变为红色《/h1》。

扩展资料：

样式表可分为嵌入式样式表、外部样式表和内联样式表三种，在同一文档内可以同时使用三种方法。

1.样式定义放在一个单独的文件中，例：新建一个后辍为CSS的样式定义。元素{ 属性color:值red；} 在head段使用《link》标记，引用语法：《link rel=”stylesheet” type=”text/css” href=”样式表URL” /》

2.嵌入式样式表：《style》元素段必须出现在head段内，有一个开始和结束标记，并且可以有多个《style》段，语法格式： 《style type=”text/css”》。

如何通过CSS做链接

CSS是样式，不可能做链接，但可以设置链接的样式。
不知你是不是这样问的呢，如果是我就解答以下的方式：
比如你设置一个名叫.a1的样式，那你的链接就应该是这样：
.a1 {color:#000}
.a1 a {这里写上超链接样式}
举例：a1 a {color:#000; text-text-decoration:none;}
.a1 a:hover {这里写上滑过样式}
举例：.a1 a:hover {color:#900; text-text-decoration:none;}

这样很简单吧，如果不是这个意思，那请问详细叙说。

CSS定义超链接样式有什么顺序

CSS中通过四个伪类来定义链接的样式，分别是：
a:link 链接默认的样式
a:visited 链接已被访问过时的样式
a:hover 鼠标悬浮在链接上的样式
a:active 点击链接时候的样式
一般定义这四种样式的是“LVHA”的顺序来写样式，不然可能出现样式覆盖问题；
定义class样式一般分两种,一种在a标签上，一种在a标签外面，实例如下：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

《style type="text/css"》LVHA
.aaa a:link{color:red;text-decoration:none;font-size:14px;}
.aaa a:visited{color:yellow;text-decoration:none;font-size:14px;}
.aaa a:hover{color:blue;text-decoration:none;font-size:14px;}
.aaa a:active{color:green;text-decoration:none;font-size:14px;}
《/style》
《div class="aaa"》《a href="#"》在a标签外的标签加class《/a》《/div》《br /》

《style type="text/css"》LVHA
a.bbb:link{color:red;text-decoration:none;font-size:14px;}
a.bbb:visited{color:yellow;text-decoration:none;font-size:14px;}
a.bbb:hover{color:blue;text-decoration:none;font-size:14px;}
a.bbb:active{color:green;text-decoration:none;font-size:14px;}
《/style》
《a href="#" class="bbb"》在a标签加《/a》