CSS基础第一篇之a标记
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
CSS基础第⼀篇之a标记---恢复内容开始---
<a href="⽬标⽹址" target="_blank" title="⿏标滑过显⽰的⽂本">链接显⽰的⽂本</a>
title属性作⽤为⿏标滑过链接⽂字时会显⽰这个属性的⽂本内容
a标签实现超链接的类型有4种:
_blank在新窗⼝中打开链接
_parent在⽗窗⼝中打开链接
_self在当前窗体中打开链接，此为默认值
_top在当前窗体打开链接，并替换当前的整个窗⼝(框架页)
a标签的伪类4个:
a:link 没有被点击过的链接
a:visited 访问过的链接
a:hover 悬停
a:active 按下⿏标不松⼿
顺序就是“love hate”准则。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
a:link{
color:orange;
}
a:visited{
color:red;
}
a:hover{
color:pink;
}
a:active{
font-size:30px;
}
</style>
</head>
<body>
<div>
<a href="" target="_blank">淘宝⽹</a>
</div>
<div>
<a href="" target="_blank">百度⼀下，你就知道</a>
</div>
<div>
<a href="" target="_blank">博客园</a>
</div>
</body>
</html>
a标签还可链接Email地址:
1.邮箱地址 mailto:浏览器⾃动调⽤默认电⼦邮件程序，并在收件⼈框中⾃动填上收件⼈的
地址<a href="mailto:邮件地址">发送</a>
2.抄送地址 cc= 在收件⼈地址后⽤cc=地址，可以填写抄送地址
<a href="mailto:邮件地址?cc=抄送邮件地址">发送</a>
3.密件抄送地址 bcc= 在收件⼈地址后⽤bcc=地址，可以填上密件抄送地址
<a href="mailto:邮件地址?bcc=密件抄送邮件地址">发送</a>
4.多个收件⼈、抄送、密件抄送⼈；⽤分号隔开多个收件⼈的地址，实现多⼈发送
<a href="mailto:邮件地址;邮件地址">发送</a>
5.邮件主题 subject= ⽤subject=添加邮件主题
<a href="mailto:邮件地址?subject=发送电⼦邮件">发送</a>
6.邮件内容 body= ⽤body=添加邮件内容
<a href="mailto:邮件地址?body=邮件内容">发送</a>
注:如果mailto后同时有多个参数的话，第⼀参数必须以"?"开头，后⾯的参数都以"&"分隔
<a href="mailto:邮件地址?cc=邮件地址&bcc=邮件地址&subject=主题&body=邮件内容">发送</a> (引号只有⼀对，代码中间不能留空)
background系列属性，CSS2.1层⾯
1 background-color
2 background-image
3 background-repeat
4 background-position
5 background-attachment
---恢复内容结束---。