使用CSS3美化超链接

    在网页中，超链接是最常用的对象，当鼠标单价包含超链接的文字，图片或其他网页对象时，浏览器会根据其指示载入一个新的页面，或者跳转到指定位置，或者执行特定任务，网页通过超链接连接在一起，构成网状的互联网世界。

1，定义超链接

1.1 URL格式

    URL主要用于指定网上资源的位置和方式。一个URL一般由下列3个部分组成：

• 第一部分：协议
• 第二部分：存有该资源的主机IP地址(有时也包括端口号)
• 第三部分：主机资源的具体位置，如目录和文件名

1.2 超链接分类

    根据URL不同，网页中的超链接一般可以分为3种类型：

• 内部链接
• 锚点链接
• 外部链接

    根据使用对象的不同，网页中的链接又可分为:文本超链接，图像超链接，E-mail链接，多媒体文件链接，空连接等。

1.3 使用<a>标签

<a hef="#">链接文本</a>

<a href="https://www.baidu.com/">百度一下</a>

1.4 定义锚点链接

<a href="#p4">调到p4</a>
...
<p id="p4">这里是p4</p>

1.5 定义不同目标的链接

<p><a href="images/1.jpg">链接到图片</a></p>
<p><a href="demo.html">链接到网页</a></p>
<p><a href="demo.docx">链接到word文档</a></p>

1.6 定义下载链接

<p><a href="images/1.jpg" download>下载图片</a></p>
<p><a href="images/1.jpg">浏览图片</a></p>

1.7 定义热点区域

需要<map>和<area>配合使用

1.8 定义框架链接

<iframe frameborder=0  src="demo.html"></iframe>

2，设置超链接样式

2.1 伪类

        :link  :visited  :hover  :active   :focus