服务购

CSS也叫层叠样式表，它现在是网站前端开发不可或缺的一部分。程序开发者可以对任何页面中的任意元素使用CSS，使之前认为不可能的效果成为可能。

 今天的主要课程是，如何使用CSS属性控制网页上超链接文本的格式。因为超链接在网页上使用的频率非常高，因此超链接文本格式的设计也非常重要，CSS可控制超链接文本格式的样式如下：

　　a：link是超级链接的初始状态

　　a：visited是访问过后的情况

　　a：hover是把鼠标放上去时悬停的状况

　　a：active 是鼠标点击时

　　如上所示在CSS中也把设置超链接文本格式样式的属性称作伪类，下面列举超链接样式案例：

　　1）使用CSS标记选择符设置整个网页超链接文本格式的样式a{color：#339；text-decoration：none； }

　　//对整个网页有链接的文字颜色样式设置为color：#939；并超链接文本初始状态无下划线text-decoration：none；

　　如下代码视图和效果图：

　　2）使用CSS类选择符设置网页超链接文本格式的样式

　　.linkyangshi{color：#339；text-decoration：none； }

　　//对整个网页有链接的文字颜色样式设置为color：#339；并超链接文本初始状态无下划线text-decoration：none；

　　对应HTML代码：

　　超链接文本

　　通过这样的设置可以控制链接内的CSS类名为“linkyangshi”超链接的样式。

　　如下代码视图和效果图：

　　3）使用CSS伪类设置超链接文本格式的样式

　　a：link{ color：#399；text-decoration：none；}

　　//是超级链接的初始状态：超链接文本颜色为#399，并且文字无下划线；

　　a：visited{ color：#939；text-decoration：none；}

　　//是鼠标点击超链接文本时的状态：超链接文本颜色为#939，并且文字无下划线；

　　a：hover{ color：#999；text-decoration：underline；}

　　//是把鼠标放在超链接文本上的状态：超链接文本颜色为#999，并且文字带下划线；

　　a：active{ color：#d33；text-decoration：underline；}

　　//是鼠标点击超链接文本时的状态：超链接文本颜色为#d33，并且文字带下划线；

　　如下代码视图和效果图：

　　初始状态：

　　指向链接：

　　激活链接：

　　访问过后：

　　看完这个作何感想呢？还是对CSS一无所知？不要着急，什么学问都是一点一点慢慢积累的，包括这个静态网页设计和CSS也是一样的，都是需要靠自己的努力学习去积累的啦。