`

Html中a标签的四个属性 link ,visited , hover ,active 是有顺序的! LVHA

阅读更多
1。html中a标签的四个属性书写是有顺序的,如果顺序不对,显示效果有可能出现差错。

a:link{text-decoration:none ; color:#c00 ;}
a:visited {text-decoration:none ; color:#c30 ;}
a:hover {text-decoration:underline ; color:#f60 ;}
a:active {text-decoration:none ; color:#F90 ;} !

以上语句分别定义了"链接、已访问过的链接、鼠标停在上方时、点下鼠标时"的样式。注意,必须按以上顺序写,否则显示可能和你预想的不一样。记住它们的顺序是“LVHA”。 .

2。关于锚点 ..

设置锚点:<a name="#p1"></a>.

链接锚点:<a href="#p1">第一段</a> .

有些地方回到网页最顶端就是这样做的。在开头设了个#top锚点,然后在其他地方链接这个锚点就能回到网页顶部。

分享到:
评论

相关推荐

    a标签的四个css伪类(link、visited、hover、active)样式理解

    a标签中有四个: link、visited、hover、active 未移入a标签链接时:link 移入a标签链接时:link、hover 点击a标签链接时:link、hober、active 点击后未移入a标签连接时:link、visited 点击后移入a标签连接...

    在CSS中定义a:link、a:visited、a:hover、a:active正确顺序

    给出我试的顺序,可能会对大家有一些帮助: 复制代码代码如下: Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/–&gt;A:link { color: #000000; TEXT-DECORATION:...

    a标签的css样式四个状态LVHA的设计

    a标签有四个“状态”的先后过程是:a:link -&gt;a:hover -&gt;a:active -&gt;a:visited。另外,a:active不能设置有无下划线(总是有的),下面有个示例大家可以看看

    a标签样式 和 a标签属性写法

    a标签样式 一组专门的预定义的类称为伪类,主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符+样式规则来控制。伪类选择符包括: 总: a 表示所有状态下的连接 如 .mycls a{color:red} ① a:link:...

    css通过伪类来设置超链接样式附示例

    css中关于超链接的四个属性正确顺序为: 复制代码代码如下: a:link {} a:visited {} a:hover {} a:active {} 伪类名字对大小写不敏感,但在定义顺序上有要求。:hover必须被置于:link和:visited之后才

    设置链接颜色的伪类选择符的顺序为LVHA

    CSS提供了四种伪类设置链接的颜色,包括:link、:visited、:hover、:active,它们的声明是有一定顺序的,我们将这种顺序简称为L-V-H-A,即link最先,其次visited,之后hover,最后active,如此声明才能保证hover与...

    a标签伪类的作用及书写顺序是什么

    其实本质还是“同等优先权的样式,写在后边的会覆盖前边”,a标签的伪类只不过是又结合了不同的动作顺序,动作的触发顺序决定了伪类的顺序必须按lvha来写。 下面结合这4个伪类简单说下: 因为前2者两种状态是常态...

    有关于a标签的4个伪类的使用方法

    所以后出现的伪类会覆盖先出现的伪类(同时激活) lvha 规则是由于CSS特殊性导致,css特殊性有一个按顺序的规则(同一条css规则,后出现会覆盖前面的同样规则) 在这里,比如把hover放在active后面,那么实际你在...

    CSS定义超链接四个状态的正确顺序L-V-H-A

    A:link 超链接的默认样式 A:visited 访问过的(已经看过的)链接样式 A:hover 鼠标处于鼠标悬停状态的链接样式 A:active 当鼠标左键按下时,被激活(就是鼠标按下去那一瞬间)的链接样式。 正常顺序如下: 复制...

    Css——超链接样式

    css中关于超链接的四个属性一般正常顺序为:link,visited,hover,active,即: a:link 链接平常的状态 a:visited 链接被访问过之后 a:hover 鼠标放到链接上的时候 a:active 链接被按下的时候

    HTML5&CSS3网页制作:链接伪类.pptx

    a:link a:visited a:hover a:active 链接伪类 超链接标记&lt;a&gt;的伪类 含义 a:link{ CSS样式规则; } 未访问时超链接的状态 a:visited{ CSS样式规则; } 访问后超链接的状态 a:hover{ CSS样式规则; } 鼠标经过、悬停时...

    前端css+html+布局笔记

    一个页面中有且只有一个根标签 网页中的所有内容都需要写在html标签的内部 网页的头部 该标签中的内容不会在网页中直接显示 该标签用于帮助浏览器解析页面 子标签 用来设置网页的标题 ...

    CSS中a标签样式的“爱恨”原则:定义链接样式的四个伪类

    其中有几项是我们经常用到的,下面我们就详细介绍一下经常用于定义链接样式的四个伪类,它们分别是: 复制代码代码如下: :link :visited :hover :active 因为我们要定义链接样式,所以其中必不可少的就是超级链接...

    css介绍快速学习

    通过head标签中link标签来实现,前提也是先要有一个已定好的CSS文件。 例: &lt;link rel="stylesheet" type="text/css" href="css_3.css" /&gt; 注:可以通过多个link标签链接进来多个CSS文件。重复样式以最后链接进来的...

    同一html页面中不同链接的不同样式的css代码

    a:hover 鼠标放在链接上未点击 a:active 是介于hover visited 之间的一个状态,可以说是链接被按下时候的状态 大家都知道想要设置统一的连接样式,只要在css文件中设置a:link,a:visited,ahover,a:active就行了。...

    好看的下拉菜单

    &lt;li&gt;&lt;a href="../menu/hover_click.html" title="Hover/click with no active/focus borders"&gt;hover/click&lt;/a&gt; &lt;!--[if lte IE 6]&gt; &lt;/td&gt;&lt;/tr&gt; &lt;/a&gt; &lt;![endif]--&gt; &lt;li&gt;&lt;a href="../menu/shadow_boxing....

Global site tag (gtag.js) - Google Analytics