HTML网页设计中关于字体设计的详细讲解(3)_字体设计教程

教程Tag：暂无Tag,欢迎添加,赚取U币!

　　所以推荐给你最终也是目前最好的方法---外部摸板文件调用法。

　　“外部摸板调用”就是说你将css的设定作成一个单独的文件，在每个页面里都调用它。一旦你需要修改字体大小，只要修改一个.css文件，几百个页面就同时修改了。(这种方法类似子程序调用编写过程序的网友很容易理解:)

　　调用的具体方法如下：

　　(1)将上面的css代码copy成一个mycss.txt文件，然后修改后缀名为mycss.css

　　(2)在html文件的<head></head>之间插入<LINK href="mycss.css" rel=stylesheet type=text/css>，

　　语句调用mycss.css(注意有关路径的设置正确)OK!

　　字体超链接样式的设定。

　　通常在网页的<body>中设置连接的颜色，如：<body link="#FF00FF" vlink="#FF0000" alink="#008080">

　　其中：link -- Hyperlink（连接）的颜色

　　vlink-- visited Hyperlink（已访问过的连接）颜色

　　alink-- active Hyperlink （当前活动的连接）颜色

　　颜色用rgb的16进制码表示如红色是#FF0000。

　　同样用CSS可以更简便的设定网页超连接的样式，看下面这段代码

　　A:link {TEXT-DECORATION: none;COLOR: #0000FF}

　　A:visited {TEXT-DECORATION: none;COLOR: #000000}

　　A:active {TEXT-DECORATION: none;COLOR: #FF0000}

　　A:hover {COLOR: #FF0000}

　　</style>

　　将它插入html文件的head区就可以了。其中link设定的是有超链接的颜色;visited是访问过的超链接颜色；active 是鼠标移上去的颜色；hover是鼠标点击时的颜色。而"text-decoration:none"是指取消超链接的下划线显示。

　　关于CSS的设定还有更多的用法和技巧，比如在同一页中设定不同的字体大小和超链接颜色，请学习有关CSS的专门知识在这里我们不在冗述。

　　●上面已经介绍了字体在技术上的各个方面。有关字体的设计使用，目前还没有一个成熟的理论，下面是几条网页设计中字体的使用原则，仅供参考：

　　1.不要使用超过3种以上的字体。字体太多则显得杂乱，没有主题。

　　2.不要用太大的字。因为版面是宝贵，有限的，粗陋的大字体不能带给访问者更多信息。

　　3.不要使用不停闪烁的文字。想让浏览者多停留一会儿的话，就不要使用闪烁的文字。

　　4.原则上标题的字体较正文大，颜色也应有所区别。

来源：模板无忧/所属分类：字体设计教程/更新时间：2008-08-21

评论加载中....