欢迎使用CSDN-markdown编辑器

HTML之链接<a></a>

基本用法

　　　html使用超级链接与网络或者本地的文档相连，超链接可以是一段文字，一个网址，一张图片等等形式．在html中，我们使用<a>来创建链接．它有一下两种使用方法：
　　　* 通过使用href属性，创建指向另一个文档的链接
　　　* 通过使用name属性，创建文档内的书签（暂时不讨论，以后补充）
　　　
　　　第一种方法的实现方式为：
　　　　　　<a href=”url”>Link text </a>
　　　其中href属性的内容是要指向的文档所在位置的路径或URL，Link Text为在页面上显示的用于超链接的文字或图片．

属性设置

　　假设现有超链接<a href=”www.baidu.com”>百度</a>

不同状态下的颜色设置

１．未点击时的前景颜色设置：
　　　直接使用color属性设置链接字体的颜色即可,即：
　　　　　　　　a { color:red; }
２．当鼠标移动到超链接上，超链接的字体或背景的颜色：
　　　使用hover选择器来设置颜色，hover表示当鼠标悬浮在其上面时显示的状态（注意hover不仅仅能作用在超链接上，也可以作用在其他元素上）
　　　　a:hover{color:red; background-color:blue;}
３．未被访问的链接的样式：
　　　　a:link{color:red}
４．已访问的链接的样式：
　　　　a:visited{color:red;}
５．活动链接的样式：
　　　　a:active{color:red;}

图片文字链接在一个容器中时，设置文字在图片的正下方

此时的做法最好不要在图片的后面加换行，最好的做法是查看图片的尺寸，然后将其所在容器的宽度设置为图片宽度相仿，使其自动换行，然后在进行布局

点击超链接时使其缓慢变化颜色

使用属性-webkit-transition.
-webkit-transition: background 250ms ease-in, color 205ms ease-in;