2024年5月15日发(作者：)
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是页面内嵌方式 ，它使用
标签将标准样式嵌入到HTML文件的头部，它的作用
范围只限于文档本身。如果按这种方式更改了默认链接颜色，则图像
链接的颜色也会随之发生改变。因为在[页面属性]中定义的样式是嵌
入在HTML文档中的，并不是单独的文档，因此，不利于后期的修
改和维护，建议不要使用这种方式。
方法二：
很多教材都介绍了使用这种方法来改变默认超链接的样式，通过
定义CSS可以控制文本链接的样式。在CSS样式面板中，单击[XC
时红玲.TIF]，在图1所示的对话框上选择[使用CSS选择器]。按顺序
分别设置这4种状态的属性。 这样，所有文字超链接的4种状态都
发生了改变，变成了新设置的样式，如：[XC时红玲文]。
这两种方法只是改变了默认超链接呆板的样式，但其只能为页面
中的所有链接设置一种样式。若使文字链接多样化，仅仅用上面介绍
的方法是无法办到的。原因是超链接的CSS样式未被分开，它只对
超链接进行了一种控制。如果需要设置不同效果的链接文字，必须对
发布者：admin，转转请注明出处：http://www.yc00.com/web/1715788702a2671827.html
评论列表（0条）