股灾爆仓人的现状:CSS:font-size-网页设计

来源:百度文库 编辑:九乡新闻网 时间:2024/03/28 19:46:58
 为何放弃px?对于IE和IE内核的浏览器,客户端不能通过设置文字大小来改变页面文字大小,这一点就不符合易用(Accessibility),在国内对这一点没有强制要求,可以自由定夺;但在法治相对健全的国家,像美国,就有相关的法案强制网站必须达到一定的易用性。

文字是网页的主体部分,制作网页时会过多过少的考虑一些文字问题:字体,大小等。文字的大小关乎着美观等一系列问题,大小的设置也是一门学问,其中也有约定俗成的定律,本文就要讨论一下文字大小的问题。

在CSS中定义文字大小的属性为font-size,其值(Value)可以为数字+单位和关键词(Keyword,本文不进行讨论)。这其中又各自有相对和绝对之分。单位的种类如下表所示:

其中比较熟悉和经常使用的是px,其次便是em,而其他几种单位则不常使用,也不是设置显示文字大小好的选择。ptpc主要用于印刷制品的文字大小定义,一般出现在为印刷定义的样式中;em是相对单位,一般的1em=大写字母M的高度,且其具有继承性,可以继承父标签的属性;ex也是相对单位,一般的1ex=小写字母x的高度,很少使用。

据目前的情况来看,单位的选取主要集中在px,em和%上,普遍的观点是放弃使用px,使用em和%来定义文字大小。

为何放弃px?对于IE和IE内核的浏览器,客户端不能通过设置“文字大小”来改变页面文字大小,这一点就不符合“易用性”(Accessibility),在国内对这一点没有强制要求,可以自由定夺;但在法治相对健全的国家,像美国,就有相关的法案强制网站必须达到一定的易用性。因为不可能保证浏览网页的人都是“健全”的,有些人可能怀有影响阅读的疾病,比如近视,这时往往需要改变“文字大小”来协调阅读。

仅仅因为这一点而放弃易用的px确实有点冤枉,但对于逐渐人性化的发展趋势来说,这也是必要的;或者在IE8中可以通过设置“文字大小”而改变页面文字大小。这时便可以重新使用px了。

为何选择em和%?em和%都是相对单位,可以方便的在客户端进行设置而改变页面文字大小,从而达到了页面一定的“易用性”。

em为何物?上面也提到了,em是相对单位,em的初始值是1em=16px,为了能够方便的和px进行转换,常常在body中定义font-size为62.5%,这时1em=16px × 62.5%=10px,所以12px=1.2em,也就是在不考虑单位时,前者除以10即可。

我们需要怎么做?通过上面简单的说明,知道了在定义字体大小时,最好的选择时使用em和%作为单位,而放弃px的使用,那么具体要怎样做呢?

首先,为body定义字体大小,使用%:body{font-size:62.5%;}

其次,为其他标签定义字体大小,这时就需要用em,同时需要注意继承性。例如.entry无父类,其文字大小为1.2em(=12px),.entry p文字大小为1.2em,这时p中的文字大小就不是1.2×10=12px,而是1.2×1.2×10=14.4px。

我们需要做什么?看完本文后,如果您觉得有必要可以对你的站点进行文字大小的重定义,使用上面提到的方法;如果仍然使用px也无可厚非,毕竟很少有人通过客户端来设置字体大小,至少国内还没有相关条例强制要求。

来自:http://www.wp-theme.cn/2007/08/13/css-font-size/