网页制作新手怎么设置字体

网页制作新手怎么设置字体

字体(Font)的设置是网页制作新手遇到的第一个难点。 如何控制字体大小,如何取消超链接字体的下划线是网友来信问得最多的。好,我们来彻底研究一下字体的各个方面:字符集的设定。 在查看html文件原代码时,我们经常可以在文件头和之间

看到这么一句代码: 工具/原料

字体

步骤/方法

这段代码的作用是什么呢?是否可以删除呢? 其实这是meta标签的设定语句,是给浏览器看的。它的作用就是告诉浏览器:这个HTML文件是采用gb2312字符集制作的。当浏览器读到这一代码,便以gb2312字符集来解释和翻译网页原代码,然后我们就可以看到正确的网页。所以这个meta语句是非常重要的,尽量不要删除。 gb2312就是我们最熟悉的GB简体码,英文是iso-8859-1字符集。其它还有BIG5,UTF-8,Shift-JIS,EUC,KOI8-2等字符集,分别用于不同的字体显示。 字体的使用。 在网页里,字体的定义语句是:显示文字

其中Arial就是一种字体的名称 默认的浏览器定义的标准字体是中文宋体和英文times new Roma字体。也就是说,如果你没有设置任何字体,网页将以这两种标准字体显示。同时,着两种字体也可以在任何操作系统和浏览器里正确显示。 windows另外自带了40多种英文字体和5种中文字体。这些字体,你也可以在网页里自由使用和设置。凡是使用windows操作系统的浏览器都可以正确显示这些字体,但在其它操作系统里,如unix 则不能完全正确显示。 如果你需要用一种特殊的字体来体现你的风格,那么如何让大家可以真正看到你的设计页面呢?解决的办法是:用图片。 需要用这种字体的地方用图片代替,以保证所有人看到的页面是同一效果。

字体的样式(style)。 字体的样式有四种:正常体(regular),斜体(Italic),粗体(Bold),粗斜体(Bold Italic)。设置方法很简单,阿捷就不多罗嗦了。 字体的效果。 这里指通过html语言设定可以直接显示的效果,在html里的语句设定为: 显示文字 其中,overline是指上划线效果。其它常用的效果还有:underline(下划线), uppercase(大写)等等。

字体大小的控制。 字体大小的控制是本节的重点。 一般字体默认的大小是12pt(镑).用语句可以将文字增大2pt。这种方法我们 都已经掌握了。而现在网络上最流行的小中文字体大小为9pt,是如何设定的呢?有三种方法: 1.用显示文字"语句来设定。显然这种方法非常麻烦,你必须为每段文字都设定大小。 2.用CSS层叠样式表。CSS是DHTML的一个组成部分,它可以定义整个页面的字体显示风格和大小。是较为简便的方法。比如,这里需要设定整个页面文字大小为9pt,只要将下面这段代码加入html代码的和之间:

网页制作新手怎么设置字体

字体(Font)的设置是网页制作新手遇到的第一个难点。 如何控制字体大小,如何取消超链接字体的下划线是网友来信问得最多的。好,我们来彻底研究一下字体的各个方面:字符集的设定。 在查看html文件原代码时,我们经常可以在文件头和之间

看到这么一句代码: 工具/原料

字体

步骤/方法

这段代码的作用是什么呢?是否可以删除呢? 其实这是meta标签的设定语句,是给浏览器看的。它的作用就是告诉浏览器:这个HTML文件是采用gb2312字符集制作的。当浏览器读到这一代码,便以gb2312字符集来解释和翻译网页原代码,然后我们就可以看到正确的网页。所以这个meta语句是非常重要的,尽量不要删除。 gb2312就是我们最熟悉的GB简体码,英文是iso-8859-1字符集。其它还有BIG5,UTF-8,Shift-JIS,EUC,KOI8-2等字符集,分别用于不同的字体显示。 字体的使用。 在网页里,字体的定义语句是:显示文字

其中Arial就是一种字体的名称 默认的浏览器定义的标准字体是中文宋体和英文times new Roma字体。也就是说,如果你没有设置任何字体,网页将以这两种标准字体显示。同时,着两种字体也可以在任何操作系统和浏览器里正确显示。 windows另外自带了40多种英文字体和5种中文字体。这些字体,你也可以在网页里自由使用和设置。凡是使用windows操作系统的浏览器都可以正确显示这些字体,但在其它操作系统里,如unix 则不能完全正确显示。 如果你需要用一种特殊的字体来体现你的风格,那么如何让大家可以真正看到你的设计页面呢?解决的办法是:用图片。 需要用这种字体的地方用图片代替,以保证所有人看到的页面是同一效果。

字体的样式(style)。 字体的样式有四种:正常体(regular),斜体(Italic),粗体(Bold),粗斜体(Bold Italic)。设置方法很简单,阿捷就不多罗嗦了。 字体的效果。 这里指通过html语言设定可以直接显示的效果,在html里的语句设定为: 显示文字 其中,overline是指上划线效果。其它常用的效果还有:underline(下划线), uppercase(大写)等等。

字体大小的控制。 字体大小的控制是本节的重点。 一般字体默认的大小是12pt(镑).用语句可以将文字增大2pt。这种方法我们 都已经掌握了。而现在网络上最流行的小中文字体大小为9pt,是如何设定的呢?有三种方法: 1.用显示文字"语句来设定。显然这种方法非常麻烦,你必须为每段文字都设定大小。 2.用CSS层叠样式表。CSS是DHTML的一个组成部分,它可以定义整个页面的字体显示风格和大小。是较为简便的方法。比如,这里需要设定整个页面文字大小为9pt,只要将下面这段代码加入html代码的和之间:


相关文章

  • -网页字体设置
  • 网页字体设置 ●字体(Font)的设置是网页制作新手遇到的第一个难点.如何控制字体大小,如何取消超链接字体的下划线是网友来信问得最多的.好,我们来彻底研究一下字体的各个方面: ○字符集的设定. 在查看html文件原代码时,我们经常可以在文件 ...查看


  • 如何装修自己的淘宝店铺
  • 添加淘宝网店收藏摘要: 淘宝网店收藏链接的重要性这里我就不多重复了, 好直接进入正题. 第一. 就是准备工作了,第二是具体操作.首先.要准备好做收藏按钮的图片.图片可 以自己设计,也可以购买.宽度限制在 220 象素以内,高度不限.然后 . ...查看


  • 论文答辩PPT内容制作流程
  • 毕业论文答辩 ppt 制作一是要对论文的内容进行概括性的整合,将论文分为引言和试验设计的目的意义.材料和方法.结果.讨论.结论.致谢几部分. 二是在每部分内容的presentation 中,原则是:图的效果好于表的效果,表的效果好于文字叙述 ...查看


  • 教你如何制作PDF文档(超级简单)!
  • 教你如何制作PDF 文档(超级简单)! 在工作中, 我们常常会碰到要把扫描的图片制作成PDF 格式的文档,对于没有接触过的新手来说,希望下面这篇文章,能对你们有帮助, 资料来源晓东CAD 家园网和百度知道,编辑而成!转载请加上本站链接!薄雾 ...查看


  • CorelDRAW印刷知识大全
  • CorelDRAW印刷知识汇总 CorelDRAW,知识,汇总,印刷 第一部分:CorelDRAW发排注意事项 1.图象 图象对于印刷质量的影响是最大的,在采用一些扫描下来的图象的时候,电脑里显示时对比度不会很明显,但是印刷出来会相当的灰. ...查看


  • 英语翻译trados教程
  • TRADOS新手入门篇(1) 经常能看到的是许多网友求救的信息,有些问题其实并不难,只是刚刚入门就难免很菜.我写这篇文章是希望对新手能够有所帮助,尽快进入提高阶段. 先简单地说说翻译软件(以后有时间会详细讨论),然后再讲Trados. 眼下 ...查看


  • 游戏活动运营手册
  • 游戏运营活动执行手册 Posted by Gamelookon 2011.05.05in 产品运营/数据挖掘|1 Comment 分享到: GameLook 文/熊旺旺(微博) 首先要知道,基本没有网游公司存在论坛活动执行这个岗位,甚至没有 ...查看


  • 新手如何设置路由器
  • 如何设置路由器? http://www.tp-link.com.cn/pages/article-detail.asp?result=school&d=255 (特别适用于刚购买路由器但不会使用的新用户) 本文将针对TP-LINK的 ...查看


  • 下划线怎么打 word下划线打出方法大全
  • "下划线怎么打?".其实下划线使用键盘即可轻松快速的打不来,可是很多新手朋友还会问同样的问题,因为记得在去年也有身边的朋友问过,下面编辑为大家汇总出几种下划线怎么打的方法,希望电脑爱好者新手朋友可以学以致用. 下划线怎么 ...查看


热门内容