- 浏览: 63298 次
- 性别:
- 来自: 大连
文章分类
最新评论
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: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锚点,然后在其他地方链接这个锚点就能回到网页顶部。
发表评论
-
Jquery实现表格行的动态增加与删除
2014-05-29 08:45 1264<!DOCTYPE html PUBLIC " ... -
CSS3伪类选择器
2014-04-18 09:32 619CSS的伪类语法和别的语 ... -
Jquery实现选中左边的下拉菜单点击按钮之后跑右边
2014-04-15 14:34 1046script代码: <script type=" ... -
html之marquee详解
2014-03-28 10:07 646该标签不是HTML3.2的一部分,并且只支持MSIE3以后内核 ... -
修改360浏览器内核
2014-03-10 17:19 1945浏览器内核控制Meta标签说明文档 背景介绍 由于众所周知 ... -
实现DIV层内的文字垂直居中
2014-03-07 14:03 770有时候,为了网页设计的美观,需要把div+css设计的页面里的 ... -
bootstrap时间控件
2014-03-06 13:27 1227<!DOCTYPE html PUBLIC " ... -
IE=EmulateIE7 标签的作用
2014-02-28 14:05 655对于 Web 开发人员来说 ... -
修改IE浏览器默认的文档模式
2014-02-28 13:26 1926开始运行输入C:\Windows\System32\gpedi ... -
网页制作中Iframe自适应高度的解决办法
2013-12-27 10:14 593进行网页设计时,由于网站的海量信息以及标准化的网页制作模式 ... -
Jquery获取当前屏幕的宽度、高度
2013-12-05 14:48 956<script type="text/java ... -
iframe,frameset区别
2013-12-05 10:24 577■ 框架概念 : 所谓框架便是网页画面分成几个框窗,同时取得 ... -
顶部浮动
2013-11-29 09:37 446<!DOCTYPE html PUBLIC " ... -
js+JQuery实现返回顶部功能
2013-11-18 11:05 549很多网站上都有返回顶部的效果,本文阐述如何使用jquery实现 ... -
转 CSS hack:针对IE6,IE7,firefox显示不同效果
2013-09-05 13:55 1005CSS hack:针对IE6,IE7,firefox显示不同效 ... -
white-space:
2013-08-30 10:57 508定义和用法 white-space 属性设置如何处理元素内的空 ... -
通过css将直角矩形变为圆角矩形
2013-08-30 10:56 1229{border-radius:6px 6px 0 0} -
整合IE7与其他IE版本的兼容
2013-08-21 09:39 602<!--[if lte IE 7]> <d ... -
常见浏览器兼容性问题与解决方案css篇
2013-08-12 17:17 780所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同 ... -
如何在页面中设置IE浏览器的文档模式
2013-08-04 12:58 1106如何在页面中设置IE浏 ...
相关推荐
a标签中有四个: link、visited、hover、active 未移入a标签链接时:link 移入a标签链接时:link、hover 点击a标签链接时:link、hober、active 点击后未移入a标签连接时:link、visited 点击后移入a标签连接...
在CSS中,a标签代表超链接,它具有四种不同的伪类状态,这些状态分别对应于链接的不同交互阶段,形成了一个特殊的状态顺序,即所谓的LVHA顺序:Link(未访问状态)、Visited(已访问状态)、Hover(鼠标悬停状态)、...
了解了各个伪类选择器的作用后,我们来探讨为什么CSS规则中a:link、a:visited、a:hover、a:active的顺序必须是LVHA。 1. 浏览器解析CSS的“就近原则” 浏览器在解析CSS规则时会遵循“就近原则”,即最后定义的样式...
这种组合使用称为“链路状态顺序”或“LVHA 规则”,即 Link - Visited - Hover - Active。例如: ```css a { color: inherit; text-decoration: none; } a:link, a:visited { color: blue; } a:hover { color...
这些伪类选择符包括`:link`、`:visited`、`:hover`和`:active`,通常按照“爱恨原则”(LOVE HATE,也称为LVHA顺序)进行声明,以确保链接在各种交互状态下的样式正确无误。这个原则表示的是Link、Visited、Hover、...
`LVHA`规则(Link - Visited - Hover - Active)是根据这四个伪类应用的顺序来记忆它们的优先级。按照这个顺序,如果一个链接同时满足多个伪类的状态,后面的伪类样式会覆盖前面的。然而,`:link`和`:visited`之间的...
编写CSS样式时,通常推荐按照LVHA顺序(Link, Visited, Hover, Active)来定义这四个伪类,以确保在各种情况下样式正确生效。如果顺序不正确,可能会导致某些状态的样式覆盖其他状态的样式,从而影响预期效果。 ...
为了在用户交互过程中改变`<a>`标签的视觉效果,CSS提供了四种伪类选择器,分别是`:link`、`:visited`、`:hover`和`:active`,这些伪类可以组合应用以实现不同状态下的样式变化。本文将详细探讨这些伪类的作用以及...
这四个伪类的定义顺序非常关键,遵循的规则是:`link` -> `visited` -> `hover` -> `active`,这通常被称为“爱恨原则”(LoVe/HAte),即LVHA,这也是为了确保样式的正确应用。浏览器会按照这一顺序解析CSS规则,后...
知识点:超链接的顺序是LVHA(link, visited, hover, active),初始样式中的链接方法可以使用a标签的伪类选择器。 2. 当float和margin同时使用时,IE6的双倍边距BUG如何解决? 知识点:IE6的双倍边距BUG可以通过...
针对`:link`、`:visited`、`:hover`和`:active`这些链接状态的伪类选择器,CSS标准规定了它们必须遵循一种特定的顺序,也就是LVHA顺序:`:link` -> `:visited` -> `:hover` -> `:active`。这个顺序同时考虑了特异性...
在使用链接伪类选择器时,需要注意顺序问题,通常按照 `lvha` 的顺序来写,即 `:link`、`:visited`、`:hover` 和 `:active`。 CSS复合选择器可以帮助我们更准确、更高效地选择目标元素标签,从而提高开发效率和代码...
例如,链接的伪类选择器:`a:link`, `a:visited`, `a:hover`, `a:active`,分别对应链接的四种状态。它们应按照LVHA(link, visited, hover, active)的顺序书写,以确保正确覆盖样式。 这些选择器的组合和使用可以...
这四个伪类是`:link`、`:visited`、`:hover`和`:active`,它们按照“爱恨”原则(LVHA)排列,即Link、Visited、Hover、Active。理解并正确使用这些伪类可以帮助开发者创建出更加动态和交互性的用户体验。 1. **`:...
它是四种链接伪类(link, visited, hover, active)中的一个,通常与 :link(未访问的链接)、:hover(鼠标悬停时的链接)和 :active(激活状态的链接)配合使用。这些伪类的书写顺序非常有讲究,必须是 :link, :...