网站地图 | 联系我们 | 咨询热线:0991-4811639
您现在的位置: 新疆二域设计网络公司 >> 网页设计学院 >> 色彩理念 >> 网页理念 >> 正文

如何调整字体的字号

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浏览器用户,最好还是使用百分比。

 

作者:佚名 | 文章来源:新疆二域设计 | 更新时间:2007/6/29 10:55:19

  • 上一篇文章:

  • 下一篇文章:
  • 相关文章:
    网页设计中的版式原理----比例
    网页设计师的技术和操守禁忌
    关于网页设计和网页制作的版式设计
    网页设计制作中的形式美的规律
    网站建设步骤之网页设计制作和推广
    网页设计版面布局的原理
    学习网页设计作知识该看什么书
    网页设计技巧:网页文本表现技巧
    网页设计理念:网页设计的审美需求
    策划正确的网页设计配色方案

    色彩理念
    网页制作
    美工图形
    网络编程
    数 据 库
    网站运营
    ::最近更新::
    ·兼容IE6 IE7 Firefox的浏览…
    ·框架页尽量在网页设计制作…
    ·从网站联盟到阿里妈妈--中…
    ·2007年度最不受站长欢迎的…
    ·一个源码下载站站长的网站…
    ·网站设计优劣评估的步骤和…
    ·韩国网站设计风格
    ·关于图片防盗链
    ·了解设计需求是视觉设计的…
    ·服务器托管知识总结
    ·网站设计公司创业经验谈
    ·编码大全--网页中的语言文…
    ·品牌的力量---谈网站品牌建…
    ·编码utf-8乱码问题集锦
    ·网站建设和网页制作中的中…
    ::推荐阅读::
    ·网络公司错了 设计师也错了…
    ·网页设计制作中的形式美的…
    ·合理做好网站导航结构---网…
    ·网站建设步骤之网页设计制…
    ·网页制作开发中合理制定目…
    ·网站建设和网站设计的20个…
    ·网站建设项目流程概述
    ·学习网站建设技术CSS布局心…

    关于我们 | 网站建设 | 服务帮助 | 联系我们 | 网页设计学院 | 实用工具 | 友情链接 | 新疆专题
    版权所有 © 2007 新疆二域设计网络公司 www.xjcncn.com All Rights Reserved
    网站建设总机:0991-4811639、6587518 传真:0991-4842803 ;咨询热线:13999201770. E-mail:xjcncn@gmail.com
    MSN :xjcncn@hotmail.com ; QQ:359312 ;地址:新疆乌鲁木齐市北京路华联大厦A座5楼 邮编:830000