Dreamweaver中用CSS实现多种样式文字超链接技术研究
摘要：CSS样式是Dreamweaver非常重要的技术之一，其“选择器”是实现多种样式文字超链接的主要技术手段。简述了文本超链接的含义及特征，介绍了默认超链接样式及其改变方法，提出了多种样式文字超链接设置的必要性，阐述了如何利用“CSS选择器”实现多种样式文字超链接的多种方法。
关键词：文本超链接；链接样式；默认超链接样式；CSS
1文本超链接含义及特征
1.1文本超链接定义
在浏览网页的过程中，当鼠标经过某些文本时，这些文本会出现下划线或文本的颜、字体会发生改变，这通常意味着它们是带链接的文本。用文本做链接载体，这就是通常意义上的文本超级链接。
1.2超链接的4种状态及其含义
超链接是一种对象，每个超链接都存在4种状态，CSS中用4个伪类来定义链接的样式，分别是：①a：link是未访问的链接状态；
②a：visited是已访问的链接状态；③a：hover是把鼠标移到链接时的状态；④a：active是鼠标点击链接，但还未释放的状态。
注意：4种状态的顺序一定不能颠倒，否则有些不生效。
由上可以看出，CSS提供了4种a（锚）对象的伪类，它表示链接的4种不同状态，分别对这4种状态进行样式定义就完成了对超链
接样式的控制。
2网页默认超链接样式及其改变
链接样式是指一个对象在加链接后所显示出来的形态。
2.1网页默认超链接样式
2.2网页默认超链接样式改变
方法一：
使用[页面属]生成的CSS是页面内嵌方式，它使用<style></style>标签将标准样式嵌入到HTML文件的
头部，它的作用范围只限于文档本身。如果按这种方式更改了默认链接颜，则图像链接的颜也会随之发生改变。因为在[页面属性]中定义的样式是嵌入在HTML文档中的，并不是单独的文档，因此，不利于后期的修改和维护，建议不要使用这种方式。
方法二：
很多教材都介绍了使用这种方法来改变默认超链接的样式，通过定义CSS可以控制文本链接的样式。在CSS样式面板中，单击[XC 时红玲.TIF]，在图1所示的对话框上选择[使用CSS选择器]。按顺序分别设置这4种状态的属性。这样，所有文字超链接的4种状态都发生了改变，变成了新设置的样式，如：[XC时红玲文5.TIF]。
这两种方法只是改变了默认超链接呆板的样式，但其只能为页面中的所有链接设置一种样式。若使文字链接多样化，仅仅用上面介绍的方法是无法办到的。原因是超链接的CSS样式未被分开，它只对超链接进行了一种控制。如果需要设置不同效果的链接文字，必须对
当前要改变的链接文字单独设置链接。
3多种样式文字超链接设置必要性
文字链接是网页中最常见的页面元素，在默认状态下，文字链接样式都是带下划线的，如果页面中只
使用这一种链接样式，那将是非常单调乏味的。这些默认的颜看的时间长，就可能产生厌倦之感，并且很有可能与自己网页的背景颜不协调。这种一陈不变的外观使网页无法凸现个性和满足布局的需要。对于一个网站，超链接对象远不止一个，超链接是每个网页中都不可或缺的，链接样式的美观与否直接关系到网页的整体品质。
4用CSS设置多种样式文字超链接方法
为了使文字链接符合页面的整体效果，可以采用CSS样式来实现多样的文字链接。那么，究竟怎样才能在同一个样式表文件中定义多套超链接样式呢？方法是很多的，其本质是要将超链接对象进行分类。可以将a对象用class或者id选择符进行定义，然后对不同class 或id的链接对象定义a：link、a：visited、a：hover、a：active属性。
5结语
css鼠标点击样式综上所述，“使用CSS选择器”主要用于设置多个链接样式时使用，在“选择器”下拉文本框中分别选择链接的4种形态，进行命名并设置其属性，一种链接样式4种状态的命名要相同。即可单独为链接的4种形态设置独立的样式。用CSS代码编写，方法一样，也只是命名和调用方式不同而已。
参考文献：
[1]王学君.DreamweaverCS3网页制作基础教程[M].北京：人民邮电出版社，2009.
[2]鲁才，许文波.美工神话CSS网站布局与美化[M].北京：人民邮电出版社，2007.
[3]高山泉.Dreamweaver8 360°全景学习手册[M].北京：人民邮电出版社，2007.

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。