关注联楷|返回首页 | 网站案例 | 帮助中心

合作共赢、快速高效、优质的网站建设提供商

上海网站建设 

服务热线:021-61394118

上海联楷科技

说说网站制作中链接字体颜色的设置

作者:佚名   时间:2014-09-15   分享到:

最近,一些初学网站建设的朋友问起了关于连接字体颜色的设置方面的问题。这些都是笔者在初学网站设计的时候遇到的,笔者回忆总结了下,供广大网站建设行业的新手朋友们参考。

1,网站链接字体样式

我们知道,链接样式分为下面的四种:添加链接link,visted,hover,active.

我们要定义页面的链接样式,所以其中必不可少的就是超级链接中的锚标签--a,锚标签和伪类链接起来书写的方法就是定义链接样式的基础方法,它们的写法如下:
a:link
,定义正常链接的样式,很多朋友发现添加链接后,原来文本的颜色会变,原因稍后再说;
a:visited
,定义已访问过链接的样式,这里我们主要用来定义已经点击后的链接文本的颜色;
a:hover
,定义鼠标悬浮在链接上时的样式;
a:active
,定义鼠标点击链接时的样式,也就是鼠标按下去的时候,链接颜色的变化。

2,整页的链接样式设置

做网站的时候,我们一般在页面属性里面进行添加,我们网站制作一般使用的是DW等网站设计软件,我们在设计视窗的下面找到页面属性-分类里面找到链接-然后在右边就可以设置我们需要的颜色了。这样做很直观而且我们的设计工具说明的也很详细。我们根据上面的说明进行设置就可以了。如果代码学的好的话,我们在CSS里面直接写相关的代码就可以了。不过这样问题就来了,往往我们发现在我们设置好整个页面的链接样式属性之后,整个页面所有有链接的部分的字体颜色都会变化。所以这个时候就需要对部分的链接的颜色进行控制设置了。

3,通过对类与ID设置控制对应链接颜色

我们打开我们的CSS,发现网页的链接颜色的代码是这样的

a.redlink a:link {
color:#
(这里是要设置的颜色比如fffffff;
text-decoration:none (
表示有没有下划线);
}

我们如果要对对应的类或者ID里面的链接进行设置的话,在前面加对应的类的名称或者ID的名称就可以了。类的话,比如一个类叫做textlink ,那么我们在每个样式的a.前面加.textlink就可以了,如果是ID比如DIV idtopnav,那么在每个样式a. 前面加# topnav就行了。这样我们可以把我们需要单独定义的链接颜色样式些到CSS文件里面,这样就能够随意的控制了。

还有一种方法是直接定义链接的样式,那样更直接,不过调用时比较麻烦,需要给每个特定的链接加上定义的代码。

网站制作的知识点很多,我们在学习的时候肯定会碰到各种各样的问题,一方面需要我们勤学好问,遇到不懂的地方就记下来问有经验的网站设计师,一方面,我们要有耐心信心。一旦我们学会之后,那种快乐是只有我们自己能够体会的享受到的。

本文由上海联楷网络科技有限公司(http://www.linksj.com)原创编辑转载请注明。



如没特殊注明,文章均为上海联楷网络原创,转载请注明来自:http://www.linksj.com/soa/20151216/n5621.html

上海联楷网络新闻