zoukankan      html  css  js  c++  java
  • a:link,a:visited,a:hover,a:active 分别是什么意思?

    a:link,a:visited,a:hover,a:active 分别是什么意思?

    查看自己的皮肤css。:skin.css

    一般这个属性设置在皮肤里面。

    学习:css样式 /liutingxu1
    link:连接平常的状态 active:连接被按下的时候 visited:连接被访问过之后 hover:鼠标放到连接上的时候

    具体一点就是:

    :hover版本:CSS1/CSS2  兼容性:IE4+ NS4+ 语法: Selector : hover { sRules } 说明: 设置对象在其鼠标悬停时的样式表属性。 在CSS1中此伪类仅可用于a对象。且对于无href属性(特性)的a对象,此伪类不发生作用。在CSS2中此伪类可以应用于任何对象。 目前IE5.5+仅支持CSS1中的:hover。
    :active版本:CSS1/CSS2  兼容性:IE4+ 语法: Selector : active { sRules } 说明: 设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式表属性。 在CSS1中此伪类仅可用于a对象。且对于无href属性(特性)的a对象,此伪类不发生作用。在CSS2中此伪类可以应用于任何对象。并且:active状态可以和:link以及:visited状态同时发生。 目前IE5.5+仅支持CSS1中的:active。
    :link版本:CSS1  兼容性:IE4+ NS4+ 语法: Selector : link { sRules } 说明: 设置a对象在未被访问前的样式表属性。 IE3将:link伪类的样式表属性作用于visited伪类。 默认值由浏览器决定。 对于无href属性(特性)的a对象,此伪类不发生作用。
    :visited版本:CSS1  兼容性:IE4+ NS4+ 语法: Selector : visited { sRules } 说明: 设置a对象在其链接地址已被访问过时的样式表属性。 IE3将:link伪类的样式表属性作用于visited伪类。 默认值由浏览器决定。定义网页过期时间或用户清空历史记录将影响此伪类的作用。 对于无href属性(特性)的a对象,此伪类不发生作用。

     
     
     
     
     

    body{ } 选择器下输入以下代码:

    a:link, a:visited{ text-decoration: underline; color: #336699; }

    • 这些代码是干吗用的?给你所有的链接都加上下划线的(text-decoration: underline;)和上了蓝色(color: #336699;)。这是不同色调的蓝色,但是它确实是蓝色因为最后两个数字(代表蓝色)是最高值的数字。
    • a:link 用于样式化链接。当你想把一个词转变为链接的时候,用什么实现呢?使用 <a></a> 这对标签,因此样式化链接就是样式化 a:link
    • a:visited用于样式化已经访问过的链接。
    • 另外一种输入方式: a:link{ text-decoration: underline; color: #336699; }

      a:visited{ text-decoration: underline; color: #336699; }

    • 当给a:linka:visited这两个选择器应用 text-decoration: underline;color: #336699; 这两个属性的时候。可以使用逗号来区分。

    第2步:

    a:link, a:visited{ } 下输入以下代码:

    a:hover{ text-decoration: none; }

    这些代码是干吗用的呀? 你当你把指针移到链接上面时候下划线消失。

    如果你不想在默认情况下有下划线而是在当你把指针移到链接上面的时候出现下划线,那么就在 a:linka:hover 之间交换下 text-decoration: 的值。

    如果你想更改你链接悬停时的颜色,那么就增加 color: 和任何你想要的十六进制代码,如:

    a:hover{ text-decoration: none; color: #ff0000; }

  • 相关阅读:
    一个存储过程
    Visual Studio 2013无法打开IIS Express Web的解决办法
    文字沟通工具使用SignalR,跨域例子源代码
    js图片旋转
    LINQ to Entities does not recognize the method , and this method cannot be translated into a store expression 解决办法
    ASP.NET MVC利用ActionLink实现动态组合查询
    wusir FTP与HTTP文件传输之TCP Packet解析
    在Windows Server 2008 R2(x64)上安装.NET Framework 4.5 兼谈.NET Framework 4.0 “在服务器核心角色上不受支持”含义
    人机交互 由美的空调柜机不一致的面板设计 谈递增与递减设计原则
    ToolkitScriptManager vs. ScriptManager 关于“只能向页面中添加 ScriptManager 的一个实例”讨论
  • 原文地址:https://www.cnblogs.com/guanghuiqq/p/2747978.html
Copyright © 2011-2022 走看看