软件下载,下载软件,网络软件,软件学院,软件资讯,电子小说,书籍,音乐,游戏,歌曲,MP3,BT,Flash,QQ
设为首页  
联系我们  
加入收藏  
   软件新闻 网络动态 软件评测 信息安全 软件技巧 编程开发 设计教程 教学动画 游戏娱乐
您的位置: 首页 >> 文章首页 >> 设计教程 >> 网页设计 >> 网页设计开发:如何处理网页字体
站内搜索
网页设计TOP10
·快速精通FRAME2006-1-17 14:22:31
·无延迟翻滚的图形与CSS混合风格按钮2006-5-18 15:31:40
·用ie关机或重起2006-1-13 10:21:02
·韩国网站精选2006-1-14 13:01:49
·Dreamweaver制作网页经典问题大整理2006-7-12 16:41:53
·深入浅出 HTML制作网页体验其中乐趣2006-10-8 15:16:10
·网页设计多媒体教程:FTP服务2005-10-31 19:04:37
·网页设计中该如何决定是否使用框架2006-9-1 11:21:34
·Web设计95%是排版?2006-12-14 14:09:20
·头部属性全接触2006-1-19 10:50:51
设计教程TOP10
·Photoshop实例教程打造雪景婚纱照片2006-12-25 15:21:30
·Photoshop打造神秘梦幻发光效果2006-2-10 16:42:09
·Photoshop实例:人物照片变小说封面2006-12-18 18:14:25
·Photoshop教程给照片调出亮丽的色彩2006-7-26 16:24:13
·Photoshop实例照片调色:低调华丽MM2006-12-30 16:20:13
·Photoshop鼠绘作品展示:Adidas运动鞋2006-5-16 16:36:41
·Photoshop鼠绘作品展示:新贵手表2006-7-26 16:47:46
·送给爱美MM 用Photoshop制作靓丽时尚唇彩2006-12-8 11:26:17
·照片处理 用Photoshop打造魔戒女孩2006-9-6 15:28:07
·Photoshop作品展示:MP3播放器界面2006-4-19 16:35:43
本类精品推荐
精选专题
 
网页设计开发:如何处理网页字体
作者:未知 来源:风暴软件站 时间:2007-2-13 11:47:27
 

在网页的设计开发过程中,最重要的莫过于网页的视觉效果,设计人员经常花费大量精力用于调整字体和字号。利用CSS2规范,我们可以在Web页面或应用程序中随意对字体进行调整。本文将深入探讨字体大小,并介绍在网页和网页应用程序中调整字体的最佳方法。

  如何调整字号

  CSS2规范是以字体长度来定义字号的,长度数字越大,字体的水平和垂直长度就越大。在长度数字前,有时候还会缀以“+”或者“-”号。另外,在字号后,有可能还跟随着单位标识符。CSS2规范中包含了两种单位标识符:绝对单位标识符和相对单位标识符。绝对值用来定义单位,而相对单位标识符则表示相对于另一个值的大小,以下列出了几种相对单位标识符:

  em表示字体的高度,它等于字体的font-size属性经过比例计算后的值。但有一种情况例外,即font-size属性本身使用了em标识符,在这种情况下它会以父元素的字体大小为参考;ex(x-height)指定与小写字母x的高度相等;px(pixels)关系到画布或屏幕分辨率,网页显示时的像素值完全取决于显示器分辨率,这会使显示结果随用户在屏幕分辨率上的偏好而改变。

  另一种实现绝对字号的方法是使用缩放功能。你可以使用以下关键字来缩小或放大字体:xx-small、x-small、small、medium、large、x-large,以及xx-large。其中Medium是一个基准,带有small字样的参数会让字体缩小,而带有large字样的参数会让字体扩大。CSS2规范中定义的缩放比例是1.2,但是不同的浏览器可能有不同的解析结果。

  采用何种方式

  CSS中有大量关于字体字号方面的参数,那么你的网页该采用什么定义方式呢?采用绝对标识符来确定字号有很多弊端,比如会对一致性和灵活性造成影响,还会在可访问性方面出现问题。相对字号与绝对字号相比,可以让用户通过多种方式来调大字号,从而更便于阅读。在实际开发中,大多数设计人员采用的也是相对字号。下面让我们更深入地了解一下相对字号:

  在字号方面使用最多的方式就是pixels方式(px),大多数浏览器都支持这种字号定义方式,使用这种方式的缺点就是用户无法在IE浏览器中调节字体大小。

  最普通的字号定义方式是使用em或百分比。用em定义的字号可以在任何浏览器中缩放,它同时也照顾到了用户对字体的偏爱。不过em在IE中的表现并不理想,因此针对IE浏览器用户,最好还是使用百分比。

 
 
 
相关文章:
相关软件: