css复习——a标签 day5

0703

a标签

使用a标签记得样式重置

 a{
    color: inherit;
    text-decoration: none;
  }

字体颜色继承父级、去掉下划线
target 链接打开方式
_blank 新窗口
_self 当前窗口
定义页面链接默认打开方式target=”_blank”
例子

<a href="http://www.sina.com.cn/" target="_self">例子</a>

下载

<a href="img/style.txt">下载</a>

浏览器能直接打开的文件就会在浏览器里面直接打开
不能打开的文件就会下载到本地

锚点
给标签一个id，可以成为锚点

<a href="#box2">box2</a>
<div class="box" id="box1">box1</div>
<div class="box" id="box2">box2</div>
<div class="box" id="box3">box3</div>

a的伪类
link 未访问过
hover 鼠标悬停
active 鼠标按下
visited 访问过后

<style>
        a{
            color: black;
        }
        a:link{
            color: yellow;
        }
        a:visited{
            color: green;
        }
        a:hover{
            color: red;
        }
        a:active{
            color: purple;
        }
    </style>

邮件与电话

<a href="mailto:test@miaov.com">发邮件</a>
<a href="tel:01029837492">打电话</a>