CSS基础第一篇之a标记

---恢复内容开始---

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="http://www.taobao.com" target="_blank" >淘宝网</a>
    </div>
    <div>
    <a href="http://www.baidu.com" target="_blank" >百度一下，你就知道</a>
    </div>
    <div>
    <a href="http://www.cnblogs.com" target="_blank" >博客园</a>
    </div>
</body>
</html>

a标签还可链接Email地址:

1.邮箱地址 mailto:浏览器自动调用默认电子邮件程序，并在收件人框中自动填上收件人的

地址 <a href="mailto:邮件地址">发送</a>

2.抄送地址 cc= 在收件人地址后用cc=地址，可以填写抄送地址

3.密件抄送地址 bcc= 在收件人地址后用bcc=地址，可以填上密件抄送地址

4.多个收件人、抄送、密件抄送人；用分号隔开多个收件人的地址，实现多人发送

5.邮件主题 subject= 用subject=添加邮件主题

6.邮件内容 body= 用body=添加邮件内容

注:如果mailto后同时有多个参数的话，第一参数必须以"?"开头，后面的参数都以"&"分隔

(引号只有一对，代码中间不能留空)

background系列属性，CSS2.1层面

1 background-color
2 background-image
3 background-repeat
4 background-position
5 background-attachment

---恢复内容结束---

CSS基础第一篇之a标记

a标签可实现超链接:

猜你喜欢