网页设计中CSS链接样式研究.docVIP

网页设计中CSS链接样式研究 　　摘 要：随着科技的发展和时代的进步，人们已经步入了网络时代，计算机网络已经广泛应用到各行各业，同时网络时代的发展也为社会的发展奠定了坚实的基础，CSS是一种新型的网络工具，主要用途是对网页样式的设计，CSS的出现凭借着其特有的功能，改变了网页的固定模式，使网页更具有生命了，利用CSS可以充分发挥自身的创造力，把网页做得赏心悦目，本文通过对CSS技术的了解，重点分析关于网页设计中CSS的链接样式。 　　关键词：网页设计；CSS；链接样式 　　中图分类号：TP393.092 　　对于CSS网页设计而言，它可以使网页更具备鲜活的生命力，可以更好的吸引浏览者的眼球。但对于CSS的设计，在教学过程中大部分学生难以正确的利用CSS对网页的设计，尤其对CSS的理解不够深刻，导致在应用上出现种种问题。所以，本文针对网页设计中CSS的链接样式进行分析，从而让人们能够更好地驾驭CSS进行网页设计。 　　1 CSS的认识 　　1.1 CSS的定义 　　CSS是一种用来对网页样式的控制同时将样式信息和网页内容分离的一种语言。采用CSS样式表可以弥补HTML语言的缺陷，可以完成HTML存在的一些缺陷，比如更好地调节字间距和行间距，取消下划线和背景图像等运用CSS能够达到更好的效果。也可以更好地控制网页的外观，大到整个网页的布局，小到网页字体的样式，运用CSS都能够灵活的进行设计。 　　1.2 CSS样式表 　　CSS样式表是由一系列的样式选择器和CSS属性所组成的，它能够针对网页字体的属性、颜色和背景属性、边框属性、文本属性、列表属性以及网页元素属性等进行精确的定位，大大提高了网页设计中的格式化功能。CSS网络表针对网页设计还有另一个优点，可以利用同一个样式表对整个站所具有相同性质的网页元素进行格式修饰，当需要更改样式设置时，只要在样式表中进行修饰即可，不用针对每一个网页进行修饰，简化了对网页格式化的工作，提高了工作效率。 　　1.3 CSS样式应用 　　CSS样式在网页设计中应用广泛，并且对网页设计起着良好的效果。CSS样式的作用包括以下几种：（1）CSS可以从最基本的建设到全面替代web的方法，通过CSS技术将替代HTML表格和font标签、frames以及更多的元素。（2）采用CSS方法对网页进行设计，还可以提高网页的浏览速度，比传统的web设计方法占用的内存小得多。（3）缩短了改版时间。CSS能够统一管理多个页面，只要对CSS文件进行简单的修改，就可以同时改变多个网页。（4）字体控制和排版能力强。CSS对字体的控制能力要比font的标签控制强，采用CSS技术后不需要对font标签机GIF图片进行逐一控制了，可以轻松解决。（5）编写简单。编写CSS非常轻松，和写html代码一样容易。（6）可以只设计一次，随意发布，通过CSS设计完网页以后，不仅存于浏览器中，还可以将你的设计方案发动其他设备上，比如发布到PowerPoint中。 　　2 CSS的链接 　　2.1 CSS的链接简介 　　在CSS链接中，通常会对某些特定效果进行指定特殊链接，常见的四种定义链接样式如下： 　　：link 　　：visited 　　：hover 　　：active 　　通过以上的样式进行定义链接，超链接中锚标签是定义链接中必不可少的，把锚标签和定义链接样式的特定链接进行组合，分别为： 　　a：link—正常链接样式； 　　a：visited—已浏览过链接样式； 　　a：hover—鼠标指在连接上的样式； 　　a：active—点击链接时的样式。 　　CSS链接的指定同时还有顺序的要求，任何事都是有规律进行的，链接的定义也要有固定的形式，如果在程序书写时链接顺序错了，也会导致链接失效等现象。所以在定义好链接后，一定要严格按照链接样式的定义顺序进行书写，遵循link-visited-hover-active顺序进行书写。 　　2.2 建立CSS链接样式 　　单机“CSS样式”面板中的“新建规则”，选择器类型为“高级”，“选择器”下拉列表中选中a：link以及其他几种链接样式，进行分别定义。 　　2.3 调用CSS样式文件 　　如果想要把刚刚建立的CSS样式文件调用到别的网页中，操作方法是：首先同样单机“CSS样式”面板，进入“附加样式表”，对弹出的“连接外部样式表”进行设置，在“文件/URL”文本框中输入建立的CSS文件路径和文件名称，添加为链接选项，进行建立。 　　3 CSS的工作方式 　　通过以下三种方式，对网页进行CSS样式表设计 　　3.1 外部CSS样式表的键入。首先建立外部CSS样式表，使用HTML的link对象，表示方式如下： 　　 　　文档标题 　　3.2