CSS布局教程

基于web标准的网站设计指南

« 文字排版,关于字体计强字体大小的灵活性和可读性 »

关于字体大小

    国内网页设计师一般喜欢使用12px定义网站默认字大小。lOpx太小,眼睛很易疲劳,14px虽然看得清楚,但很容易破坏布局,使页面失去美感。唯独12px在审美和视力方面都能恰到好以也难怪现在很多国内大型网站都把12px作为网页显示的标准字体大小。
    实际上,这种做法是不科学的,分析原因延因为他们没有考虑到特殊人群的阅读需要,对于弱浏览者来说,12px几乎等于lOpx的字体大小效果。浏览者可以补救的措施只能是借助浏览提供的视图功能来能来调节字体大小。例如:在Firefox浏览器中按Ctrl++组合键放大页面,按Ctrl+ -组合键缩小页面,或选择菜单命令可以轻易调整网页体大小。但对于Windows系统下的IE浏览器就会出现问题,对于定义为12px大小的字体,用户法通过[查看】1[字体大小】子菜单来调整网页字体大小。如果有兴趣的话,你试着打开国内三门户网站——新浪、网易、搜狐,都会存在无法用IE浏览器调整字体大小的缺陷,而国外的MSN、Google、华盛顿邮报等在IE浏览器里却是可调的。
    这是为什么?再深入剖这个问题之前,还是让我们从字体大小最基本概念说起。CSS规范根据长度(水平和垂直尺寸)来定义字体大小。这个长度为一个数值,前面可以带一个可选的加(十)或减(—)标记符,,该数值后可以有一个可选的单位标识符。
    使用绝对大小的关键字,用关键字可以缩小或放大字体,这些关键字没有精确的定义,但它们能够根据一个标准设置字体的绝对大小,其中medium是默认基准,带有small的关键字会缩小字体,而带有large的关键字会放大字体。:根据CSS 2规范,这个缩放因子是向上为1.2,向下为0.83。例如,如果medium为lOpx,那么large为12px, small为8px。
注意缩放因子会根据不同设备的浏览器可能有所不同,同时在CSS 1中规定缩放因普7)当然现在全部以CSS 2规范为标准了。下面是标准网页中常用设置值对比表,该表是以16px为默认基准,并获得了目前主流浏览器的支持。医用灭菌袋 灭菌袋封口机  硅橡胶印模材  齿科针
    在上机验证时,偶然发现xx-large与27px取值效果存在明显差异,只有设置为32px时,两者效果才比较接近相同,且通过其他浏览器的验证。我不知这是CSS标准问题,还是个问题,读者可以自己去验证核实一下,这些关键字在浏览器中被提前计算,而且一一旦算出以后就不再发生变化。因此,当small计算为lOpx后,不管发生什么变化,它的值始终固定。如果用户临时修改浏览器的显示设參’变网页字体大小,那么这个值也不会受影响,因此使用关键字也有一定的局限,缺乏灵活性。
    关键字larger和smaller可以根据父元素的字体大小来定义当前字体变大或变小,其缩放因子与面提到的绝对大小关键字的缩放因子不同,虽然W3C组织规定如果父元素字体大小为media,定义为larger子元素字体大小就等于large。但实际上,不同浏览器对于这条规定的解析是不同的。使用相对大小关键字的最大好处是,,可以不必束在绝对尺寸范围内,因此它的尺寸可以超xx-small和xx-large的值范围,并具有更大的灵活性。
 

  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Arwen Build 90619

Copyright www.zxh6655.cn. Some Rights Reserved.黑ICP备09093629号