首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

CSS中px跟em的区别

2012-10-26 
CSS中px和em的区别在设计页面字体的时候,我们通常选择的是px而不是em。在国内,无论是哪种类型的网站,大到新

CSS中px和em的区别

在设计页面字体的时候,我们通常选择的是px而不是em。在国内,无论是哪种类型的网站,大到新浪、搜狐小到一些个人站点都是这么做的。不为别的,就是因为他易用。而国外的网站则基本上都采用em作为字体的单位,他们考虑到的是网站的可扩展性。这样一来,网站的维护也就相对简单些。要改大或改小某些字体就不会影响到页面的整体布局。前者就很有可能出项布局错乱的现象。

文字的单位建议用px,块与块之间的单位用px。

首先,em不是固定的,它会继承父级元素的字体大小。雅虎的Yahoo fonts CSS 建议字体大小都用%表示,他们提供了一张px和%相互转换的表:

10px => 77%11px => 85%12px => 93% (was 93)13px => 100%14px => 108% (was 107)15px => 116% (was 114)16px => 123.1% (was 122)17px => 131% (was 129)18px => 138.5% (was 136)19px => 146.5% (was 144)20px => 153.9% (was 152)21px => 161.6% (was 159)22px => 167%23px => 174%24px => 182%25px => 189%26px => 197%

热点排行