超链接样式(css超链接样式)

更新时间:2023-02-28 23:48:17 阅读: 评论:0

怎样在Excel中修改超链接的默认样式

Excel 2003:
打开工作簿,单击菜单“格式→样式”,打开“样式”对话框,在“样式名”右侧的下拉列表中选择“超链接”。如果下拉列表中没有“超链接”项,可先在工作表中输入任意超链接,再打开“样式”对话框。

可以看到Excel中超链接默认的字体样式为“宋体,12,蓝色,下划线”。

取消选择“字体”选项,即不对超链接设置任何样式。如果要修改为其他样式可单击“修改”按钮进行设置。单击“确定”。
这样设置以后,在单元格中输入的超链接就会与原单元格格式保持一致。
Excel 2007/2010:
选择“开始”选项卡,在“样式”组中单击“单元格样式”,弹出样式库列表。在“数据和模型”下右击“超链接”,在弹出的快捷菜单中选择“修改”。

如果此处没有出现“超链接”样式,原因是工作簿中还不存在超链接,先在某个单元格中输入任意超链接即可。
可以看到默认的超链接字体样式为“宋体(正文),11,下划线”。

取消选择“字体”选项,即不对超链接设置任何样式,单击“确定”。
必须注意的是,该设置仅对当前工作簿有效,对于新建的工作簿,输入的超链接仍然是原来的默认样式

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>

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

超链接分为哪几种?

超链接可以分为:文本超链接、图像超链接、E-mail链接、锚点链接、多媒体文件链接。

1、文本超链接

是指文本中的词、短语、符号、图像、声音剪辑或影视剪辑之间的链接,或者与其他的文件、超文本文件之间的链接,也称为"热链接(hotlink)"。词、短语、符号、图像、声音剪辑、影视剪辑和其他文件通常被称为对象或者称为文档元素(element),

因此超链接是对象之间或者文档元素之间的链接。建立互相链接的这些对象不受空间位置的限制,它们可以在同一个文件内也可以在不同的文件之间,也可以通过网络与世界上的任何一台连网计算机上的文件建立链接关系。

2、图像超链接

所谓链接图像,既是链接,也是图像。在网页制作的时,会给网页上的某些图片添加一个超链接,当用户点击该图片时,浏览器立即转入该超链接所指向的地址。

3、E-mail链接

在网页制作的时,会给网页上的特定电子邮箱添加一个超链接,当用户点击该邮箱时,浏览器立即转入该超链接所指向的地址,打开设定的电子邮箱。

4、锚点链接

锚点链接(也叫书签链接)用于那些内容庞大繁琐的网页,通过点击命名锚点,不仅能指向文档,还能指向页面里的特定段落,更能当作"精准链接"的便利工具,让链接对象接近焦点。

便于浏览者查看网页内容。类似于我们阅读书籍时的目录页码或章回提示。在需要指定到页面的特定部分时,标记锚点是最佳的方法。

5、多媒体文件链接

在网页制作的时,会给网页上的特定多媒体文件添加一个超链接,当用户点击该链接时,浏览器立即打开设定的播放器,开始播放该多媒体文件。

参考资料来源:百度百科-超链接


CSS如何设置超链接?

由于超链接有四种不同的状态,CSS用伪类来标识它们。

(1) :link:设置a对象在未被访问前的样式表属性。
(2) :visited:设置a对象在其链接地址已被访问过时的样式表属性。
(3) :hover:设置对象在其鼠标悬停时的样式表属性。
(4) :active:设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式表属性。

定义超链接的样式:

定义超链接样式的一般格式是:
选择符:伪类名 { 样式表 }

css中关于超链接的四个属性正确顺序为:

a:link {}
a:visited {}
a:hover {}
a:active {}
伪类名字对大小写不敏感,但在定义顺序上有要求。:hover必须被置于:link和:visited之后才是有效的,:active必须被置于:hover之后才是有效的。
如果没有指定伪类,则默认为 :link。

超链接默认情况下是始总有下滑线的,如果要去掉下划线,则需要添加样式 text-decoration: none;

例子:

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; }

如何在同一个网页设置两种超链接样式

  使用css样式即可,方法如下:

  1、在网页头部<head></head>直接放置以下代码:
<style type="text/css">
a.topcs:link {
font-size: 12px;
color: #000000;
text-decoration: none;
}
a.topcs:visited {
font-size: 12px;
color: #000000;
text-decoration: none;
}
a.topcs:hover {
font-size: 12px;
color: #FF0000;
text-decoration: none;
}
a.news:link {
font-size: 12px;
color: #000000;
text-decoration: none;
}
a.news:visited {
font-size: 12px;
color: #000000;
text-decoration: none;
}
a.news:hover {
font-size: 12px;
color: #FF0000;
text-decoration: none;
}</style>

  2、在网页主体建立超链接,分别套用topcs和news样式:
  <a href="1.html" class="news">1</a><a href="2.html" class="topcs">1</a>

本文发布于:2023-02-28 19:07:00,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/zhishi/a/167759929754016.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:超链接样式(css超链接样式).doc

本文 PDF 下载地址:超链接样式(css超链接样式).pdf

标签:样式   超链接   css
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 实用文体写作网旗下知识大全大全栏目是一个全百科类宝库! 优秀范文|法律文书|专利查询|