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

时间:2021-04-16

  a标签样式

  一组专门的预定义的类称为伪类,主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符+样式规则来控制。伪类选择符包括:

  总: a 表示所有状态下的连接 如 .mycls a{color:red}

  ① a:link:未访问链接 ,如 .mycls a:link {color:blue}

  ② a:visited:已访问链接 ,如 .mycls a:visited{color:blue}

  ③ a:active:激活时(链接获得焦点时)链接的颜色 ,如 .mycls a:active{color:blue}

  ④ a:hover:鼠标移到链接上时 ,如 .mycls a:hover {color:blue}

  一般a:hover和a:visited链接的状态(颜色、下划线等)应该是相同的。

  前三者分别对应body元素的link、vlink、alink这三个属性。

  四个“状态”的先后过程是:a:link ->a:hover ->a:active ->a:visited。另外,a:active不能设置有无下划线(总是有的)。

  举例:伪类的常见状态值

  代码如下:



  a标签属性

  a标签是成对出现的,以开始, 结束

  属性.

  Common -- 一般属性

  accesskey -- 代表一个链接的快捷键访问方式

  charset -- 指定了链接到的页面所使用的编码方式,比如UTF-8

  coords -- 使用图像地图的时候可以使用此属性定义链接的区域,通常是使用x,y坐标

  href -- 代表一个链接源(就是链接到什么地方)

  hreflang -- 指出了链接到的页面所使用的语言编码

  rel -- 代表文档与链接到的内容(href所指的内容)的关系

  rev -- 代表文档与链接到的内容(href所指的内容)的关系

  shape -- 使用图像地图的时候可以使用shape指定链接区域

  tabindex -- 代表使用"tab"键,遍历链接的顺序

  target -- 用来指出哪个窗口或框架应该被此链接打开

  title -- 代表链接的附加提示信息

  type -- 代表链接的MIME类型

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章