说起CSS的布局，有太多了，现在常见的有固定布局、流体布局、弹性布局，有关于这三种常见的布局，Kayla Knight在《Fixed vs. Fluid vs. Elastic Layout: What’s The Right One For You?》一文中做出了详细的对比介绍，而且Matthew James Taylor也给我们制作了很多个这方面的实例，大家还可以看看Float-less CSS layout带来的这三个类型的布局效果。随着CSS3的Media Queries出现，给我们的布局带来一种全新的体验——适应于多媒价的布局响应。

在Web中使用什么单位来定义页面的字体大小，至今天为止都还在激烈的争论着，有人说PX做为单位好，有人说EM优点多，还有人在说百分比方便，以至于出现了CSS Font-Size: em vs. px vs. pt vs. percent这样的PK大局。不幸的是，仍然有不同的利弊，使各种技术都不太理想，但又无法不去用。真是进也难，退也难呀。

使用CSS也好久了，但一直都是在使用“px”来设置Web元素的相关属性，未敢使用“em”。主要原因是，对其并不什么了解，只知道一点概念性的东西，前段时间在项目中要求使用“em”作为单位设置元素，所以从头对“em”学习了一回。稍为有一点理解，今天特意整理了一份博文与大家一起分享，希望对童子们有些许的帮助。