网页设计之字体设置(中)

  将需要用这种字体的地方用图片代替,以保证所有人看到的页面是同一效果。   字体的样式(style)
字体的样式有四种:正常体(regular),斜体(Italic),粗体(Bold),粗斜体(Bold Italic)。设置方法很简单,阿捷就不多罗嗦了。
  字体的效果。
  这里指通过html语言设定可以直接显示的效果,在html里的语句设定为:
  <span style="text-decoration: overline">显示文字</span>
  其中,overline是指上划线效果。其它常用的效果还有:underline(下划线)uppercase(大写)等等。
  字体大小的控制。
  字体大小的控制是本节的重点。
  一般字体默认的大小是12pt().<font size="+1">语句可以将文字增大2pt。这种方法我们都已经掌握了。而现在网络上最流行的小中文字体大小为9pt,是如何设定的呢?有三种方法:
  1."<span style="font-size:9pt">显示文字</span>"语句来设定。
  显然这种方法非常麻烦,你必须为每段文字都设定大小。
  2.CSS层叠样式表。CSSDHTML的一个组成部分,它可以定义整个页面的字体显示风格和大小。是较为简便的方法。比如,这里需要设定整个页面文字大小为9pt,只要将下面这段代码加入html代码的<head></head>之间:
<style type="text/css">
<--
body {FONT-SIZE: 9pt}
th {FONT-SIZE: 9pt}
td {FONT-SIZE: 9pt}
-->
</style>
  其中FONT-SIZE:9pt指字体的大小为9
  3.第二种方法已经简化了许多步骤,但是仍然不是最理想的方法,因为你必须在每个页面的head区都放置这么一段代码,扩大了文件的字节。另外这样的做法还有一个重大缺点,就是如果我需要修改整个站点的字体大小,就必须一页一页的改!
  所以推荐给你最终也是目前最好的方法---外部摸板文件调用法。
  外部摸板调用就是说你将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!

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值