看书《DIV+CSS商业案例与网页布局开发精讲》_制作超链接_随手笔记

1、超链接的定义

所谓超链接是指从一个网页指向一个目标的连接关系，

这个目标可以是另一个网页，相同网页上的不同位置，一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序

2、超链接的分类

（1）按使用对象的不同：文本超链接、图像超链接、E-mail链接、锚点链接、多媒体文件链接、空链接等

（2）按链接路径的不同：内部链接、锚点链接、外部链接

（3）按链接样式是否会产生除本身默认效果外的特殊效果：动态超链接、静态超链接

  动态超链接：指可以通过改变HTML代码来实现动态变化的超链接，

  例如，我们可以实现将鼠标移到某文字上，文字就会像动画一样动起来或改变颜色的效果

  也可以实现将鼠标移到图片上，图片就会产生反色或朦胧等的效果。

  静态超链接：就是没有动态效果的超链接

  注：图片超链接，默认情况，浏览器会再图片外加2px的边框，去除方法：img{border:0;}

3、超链接的组成及超链接的伪类

（1）超链接的组成：<a href="URL地址">超链接内容</a>

      （2）超链接的伪类：

可以直接给a定义样式，如 a{text-decoration:none;},但为了让超链接有更多样式，引入伪类的概念

a对象的伪类共4种：link、visited、hover、active(来表示链接的4种不同状态)

超链接的伪类有顺序：a:link、a:visited、a:hover、a:active(active属性一般可不定义)、

4、多个超链接样式的定义

如何实现在一个页面内定义多个超链接？

答：方法有多种，本质就是将链接对象进行分类定义，即向class或id中添加链接的伪类属性，

之后该伪类属性就会直接定义在该class或id所对应的内容中

例如：对某id=“style_1”的链接样式进行定义，其链接样式定义的基本格式如下：

<span style="color:#009900;">		</span>#style_1 a { }			/*设置id为style_1的a的样式*/
		#style_1 a:link { }		/*设置id为style_1的a:link的样式*/
		#style_1 a:visited { }	<span style="white-space: pre;">	</span>/*设置id为style_1的a:visited的样式*/
		#style_1 a:hover { }	<span style="white-space: pre;">	</span>/*设置id为style_1的a:hover的样式*/
		#style_1 a:active { }	<span style="white-space: pre;">	</span>/* 设置id为style_1的a:active的样式*/<span style="color:#009900;"> </span>

这种方法还可以通过引用类来定义，链接的样式代码如下：

		a.style_2 { }			/*设置class为style_2的a的样式*/
		a.style_2:link { }		/*设置class为style_2的link的样式*/
		a.style_2:visited { }	/*设置class为style_2的visited的样式*/
		a.style_2:hover { }	 	/*设置class为style_2的hover的样式*/
		a.style_2:active { }	 	/*设置class为style_2的active的样式*/ 

这样定义后，直接在超链接中带入该样式类即可，代码如下：

<span style="white-space:pre">		</span><a href="#" class="style_2">链接样式</a>

5、一般会将使用最多的链接样式定义为默认链接样式，而自定义的链接样式在定义时，是会继承默认链接样式所定义的样式，

       当自定义的链接样式和默认链接样式发生冲突时，在自定义样式的范围内，会自动覆盖默认样式的内容。

6、鼠标特效

       即鼠标移动到某个链接或某个位置时，鼠标的形状会发生相应改变，如手形、箭头、十字形。

     css对鼠标的控制主要是通过css的cursor属性来实现的，这个属性可以在任何标记中应用，从而改变该标记内容中的鼠标属性

     鼠标形状为手形：cursor:hand，仅在IE浏览器下有效，所以为了解决兼容性问题，一般为pointer

      注：浏览器所调用的是系统内部的鼠标效果，不同机器、不同操作系统、不同操作系统主题样式下，鼠标状态很可能不一致，要根据实际情况判断