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>