html链接美化,CSS--超级链接的美化

超；链接就是a标签

1、伪类

同一个标签，根据用户的某种状态不同，有不同的样式，这就叫做“伪类”。

因为a标签要看用户有没有点击，有没有触碰，所以就叫做“伪类”。

伪类用冒号来表示：

a：link{

color：red

}

link：表示用户没有点击过这个链接的样式。

a：visited{

color：orange

}

visited：表示用户访问过这个链接的样式。

a：hover{

color：green

}

hover：表示用户鼠标悬停的时候链接的样式。

a：active{

color：black

}

active：表示用户用鼠标点击这个链接但是不松手时的样式。

注意：link、visited、hover、active在CSS中必须按顺序写，如果不按顺序写，将起不到任何作用。

a标签在使用的时候，非常的难。因为不仅仅要控制a这个盒子，也要控制它的伪类。

我们一定要将a标签写在前面，:link、:visited、:hover、:active这些伪类写在后面。

a标签中，描述盒子；伪类中描述文字的样式、背景。

图1

所有的a不继承text、font这些东西。因为a自己有一个伪类的权重。

最标准的，就是把link、visited、hover都要写。

a:link、a:visited都是可以省略的，简写在a标签里面。也就是说，a标签涵盖了link、visited的状态。

图2

html链接美化,CSS--超级链接的美化相关推荐

CSS——超级链接伪类
超级链接就是a标签. 2.1 伪类也就是说,同一个标签,根据用户的某种状态不同,有不同的样式.这就叫做"伪类". 类就是工程师加的,比如div属于box类,很明确,就是属于box ...
HTML链接标志,html-4 超级链接标志使用.doc
教学项目四 HTML中超级链接标志的使用 [教学内容] 讲解HTML中超级链接标志 [教学目的] 使学生掌握超级链接标志的使用 [教学重点] 超级链接标志的使用 [教学难点] 理解书签超级链接的意义 ...
label美化css,表单label美化代码
化表单,效果如下: 每个lebal有箭头的背景有焦点的lebal背景高亮示例如下: 代码如下: 复制代码代码如下: 姓名邮件 css代码: 复制代码代码如下: #commentform{ f ...
跳转定义_HTML中的超级链接和锚点跳转
好好学习,天天向上本章主要是HTML标签中,超级链接和锚点跳转的基础使用一.超级链接 HTML 使用超级链接与网络上的另一个文档相连. 超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,可 ...
html如何连接外部样式表,怎么链接外部css文件？
链接外部css文件有两种方法,分别是使用HTML中的link标签链接外部css和使用css中的@import规则链接外部css.下面我们来看一下自适应这两种方法如何链接外部css. 链接外部css文件 ...
在html语言中建立网页链接,HTML代码实例：详细讲解超级链接
HTML代码实例:详细讲解超级链接互联网发布时间:2009-04-02 20:55:27 作者:佚名我要评论超级链接是网站中使用比较频繁的HTML元素,因为网站的各种页面都是由超级 ...
含有超链接的word转html报错,Word里如何1次性去掉所有的超级链接.docx
Word里如何1次性去掉所有的超级链接 HYPERLINK "/content/10/1111/08/1422715shtml" \t "_blank" Wor ...
HTML_页面中的超级链接
超级链接定义: 超级链接又称为"超文本链接",其在本质上属于一个网页的一部分,它是一种允许我们同其他网页或站点之间进行连接的元素.各个网页链接在一起后,才能真正构成一个网站.所谓的 ...
html隐藏链接跳转,HTML 链接
HTML 链接 HTML 使用超级链接与网络上的另一个文档相连.几乎可以在所有的网页中找到链接.点击链接可以从一张页面跳转到另一张页面. 尝试一下 - 实例 HTML 链接如何在HTML文档中创建链 ...
前端基础——CSS 选择器、网页美化
什么是CSS Cascading Style Sheet 层叠级联样式表 CSS:表现和美化网页字体,颜色,边距,高度,宽度, 背景图片,网页定位,网页浮动发展史: CSS1.0 CSS2.0: ...

html链接美化,CSS--超级链接的美化

html链接美化,CSS--超级链接的美化相关推荐

最新文章

热门文章