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

编辑Tag赚U币
教程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可以更简便的设定网页超连接的样式,看下面这段代码

  <style type="text/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.原则上标题的字体较正文大,颜色也应有所区别。

共3页上一页123下一页
来源:模板无忧//所属分类:字体设计教程/更新时间:2008-08-21
相关字体设计教程