网站链接字体样式怎么设置呢


发布日期:2015-02-10

 

 

今天海东科技小编就来带领大家一起来学习一下网站链接字体样式怎么设置,希望可以帮到大家。

通常链接样式分为下面的四种:添加链接link,visted,hover,active.我们要定义页面的链接样式,所以其中必不可少的就是超级链接中的锚标签--a,锚标签和伪类链接起来书写的方法就是定义链接样式的基础方法,它们的写法如下: 

     a:link,定义正常链接的样式,很多朋友发现添加链接后,原来文本的颜色会变,原因稍后再说; 
     a:visited,定义已访问过链接的样式,这里我们主要用来定义已经点击后的链接文本的颜色; 
     a:hover,定义鼠标悬浮在链接上时的样式; 
     a:active,定义鼠标点击链接时的样式,也就是鼠标按下去的时候,链接颜色的变化。
 
整页的链接样式的设置的话,我们一般在页面属性里面进行添加,我们沈阳网站制作一般使用的是DW等网站设计软件,我们在设计视窗的下面找到页面属性-分类里面找到链接-然后在右边就可以设置我们需要的颜色了。这样做很直观而且我们的设计工具说明的也很详细。我们根据上面的说明进行设置就可以了。如果代码学的好的话,我们在CSS里面直接写相关的代码就可以了。不过这样问题就来了,往往我们发现在我们设置好整个页面的链接样式属性之后,整个页面所有有链接的部分的字体颜色都会变化。所以这个时候就需要对部分的链接的颜色进行控制设置了。
 
那么通过对类与ID设置控制对应链接颜色该怎么做呢?我们打开我们的CSS,发现网页的链接颜色的代码是这样的
     a.redlink a:link {
     color:#(这里是要设置的颜色比如fffffff); 
     text-decoration:none (表示有没有下划线); 
     }
 
     我们如果要对对应的类或者ID里面的链接进行设置的话,在前面加对应的类的名称或者ID的名称就可以了。类的话,比如一个类叫做textlink ,那么我们在每个样式的a.前面加 .textlink就可以了,如果是ID比如DIV id是topnav,那么在每个样式a. 前面加# topnav就行了。这样我们可以把我们需要单独定义的链接颜色样式些到CSS文件里面,这样就能够随意的控制了。
还有一种方法是直接定义链接的样式,那样更直接,不过调用时比较麻烦,需要给每个特定的链接加上定义的代码。