您好,今天是: ·加入收藏·设为首页·联系站长
洛歌教程网--本站提供(PS教程)
站内搜索:
当前位置:洛歌教程网 >> 网站建设 >> FrontPage制作技术 >> 浏览文章  
网页字体在Frontpage2000制作网页中的讲解
作者:admin 来源:网络 文章点击数:

讨论:http://www.missyuan.com/viewthread.php?tid=225478  运用Html,我们可以对字体的大小及字形进行简单的修改,但要进行统一地控制、创建特殊效果,就必须要用到css.它能让您更有效地控制网页外观,并可以扩充精确指定网页元素位置,外观以及创建特殊效果的能力。考虑到用frontpage制作网页的人较多,同时它对其他网页编辑器的使用者也有一定的借鉴作用,

  因此,我就讲解一下如何在frontpage2000中运用css设置网页字体。

   我们可以用css设置出无数种网页字体,但万变不离其宗,任何的变化都要遵循css的基本语法。因此我们先来了解一下css的基本语法,它是这样子的:HTML 标志 { 标志属性:属性值;标志属性:属性值;标志属性:属性值;…… }。设置字体时,只要正确的更改字体属性的属性值,就可以达到目的。字体属性共分五种:字族(font-family)、字体风格(font-style)、字体变形(font-variant)、字体加粗(font-weight)、字体大小(font-size),此外font属性是一个总体属性,可一一指定以上各种属性和属性值。它们的功能与属性值如下:

  1、字族(font-family)

  功能:通过font-family指定字体类型用于改变HTML标志或元素的字体,你可设置一个可用字体清单。浏览器由前向后选用字体。

  其语法为:h1 {font-family: 字体类型,字体类型,字体类型}

  2、字体风格(font-style)

  功能:使文本显示为扁斜体或斜体等?属性值:normal-普通、italic-斜体、oblique-偏斜体

  语法为:h1{font-style:属性值}

  3、字体变形(font-variant)

  功能:使文本中的小写字母显示为字体较小的大写字母,常用于设计特殊的标题。

  属性值:normal(普通)和small-caps(小型大写字母)

  语法为:h1{font-variant:属性值}

  4、字体加粗(font-weight)

  功能:用于设置字体笔划的粗细。

  属性值:正常度 - normal

  相对度 - bold, bolder, light, lighter

  渐变度 - 100, 200, 300, 400(相当于normal), 500, 600, 700(相当于 bold、 lighter、 bolder、以及数值100-900。

  语法为:h1 < font-weight: 属性值> 

  5、字体大小(font-size)

  功能:改变字体大小。

  属性值:长度 - 用毫米(mm),厘米(cm),英寸(in),磅(pt),象素(px),pica(pc),ex(小写字母x的高度)或em(字体高度)作为度量单位。

  百分比 - 相对于其父元素字体大小的百分比。绝对尺寸分为xx-small, x-small, small, medium, large, x-large, xx-large七种,它们以各种字体的medium尺寸成比例缩放,每一级1.5倍。相对尺寸:有larger和smaller两种,根据字体原来的大小来决定缩放以后的大小。百分比:把字体设置成原来尺寸的百分比值,可以任意指定数值。

  语法为:{font-size:属性值}

  6、字体(font)

  功能:简写属性,提供了对字体所有属性进行设置的快捷方法。

  属性值:字体属性值为前面已列出的值,,内容的顺序为:font-style; font-variant; font-weight; font-size; line-height; font-family。可省略部分属性,属性值间用空格分开。

  语法:{font:属性值1 属性值2 ...属性值n}

  下面我就给大家举一个例子:把“网络化”这三个字设置为加粗的字体首先在页面打入“网络化”这三个字,由于字体的粗细是由“字体加粗”这个属性决定的,所以在进入html编辑模式找到这些字后,就在它们的前后分别加上“字体加粗”及其属性值的代码,如:<span style="font-weight: 700">网络化</span>

点此在新窗口浏览图片

  完成以上步骤后,“网络化”这三个字就由普通字体变为加粗的字体。如果要修改为其他的字体,只要更换代码中的字体属性以及属性值即可。

  我曾在上面提到font属性是一个总体属性,并可以快捷地设置字体的所有属性。以下这个例子就是给大家讲解如何给文字定义多种属性。我依然以“网络化”这三个字作为设置对象,只是这次将它改为16磅的偏斜字体。设置的步骤与上面相似,但代码要改为:<span style="font: oblique 16pt ">网络化</span>

点此在新窗口浏览图片

  完成后,这三个字就同时具有了两种属性。比较以下两副图就可以看出修改前后的不同。

点此在新窗口浏览图片

下一页
本文共 3 页,第  [1]  [2]  [3]  页




人支持

发表评论】【告诉好友】【打印此文】【收藏此文】【关闭窗口
  最新文章
  热门文章
  推荐文章

| 设为首页 | 加入收藏 | 关于本站 | 联系站长 | 友情链接 | 版权申明 | 雁过留声 |

Copyright◎ 2003-2007 www.logooe.com All Rights Reserved Contact us

Email:liyushuai755#163.com QQ:65557616

版权归作者所有,如果无意中侵犯了您的版权,请来信告知,本站将再3个工作日内删除。

备案序号:琼ICP备06003564号

 


Free

本站(洛歌教程网)提供如下信息:PS教程,PhotoShop教程,SoftImage 3D教程,AutoCAD教程,maya教程,3ds max教程,平面设计欣赏,ImageReady教程,Illustrator教程,Coreldraw教程,Flash教程,freehand教程,fireworks教程,图像辅助