所谓不耻下问，rem这个CSS3的衡量单位是一个早已经出产的东西；但我却是最近才开始学习，以及运用到实际的项目需求中。

最近的项目中，我开始对移动端运用rem这个衡量单位。

一年前做项目的时候，有一个需求是做五星评分的图标输出控制，类似于淘宝购物评价的那种。

刚拿到的时候，我以为很简单，不是五个星星的图标嘛。

弹性滑动，这是一个基于移动端的特性，出现了一种交互效果。

通常，弹性滚动都是浏览器自带的动画交互，或者是写APP时的一些组件或插件。

因为种种原因，导致我们在写移动端的时候，会用弹性滑动。

在展现一个事情的发展过程或流程时，大家一般都会选择用时间轴方式来展现，多数朋友会去网上下载时间轴的jq插件。

插件下载以后即可使用，但有时候还是多有不便，毕竟不是自己写的代码，如果注释不够明确，浪费的时间，都可以自己去写一遍了。

阳光作为一个喜欢研究实现原理的人，对css时间轴实现方案一直都在关注，随着时间的发展，一年多的经验积累，对于时间轴的实现方案，有了进一步的了解与掌握。

在平日的网页响应式布局中，经常遇到需要在一个未知宽度的div块中，平放N个宽度一样的块。

或许，网络上各种框架已经提供了方案，但其中的基本原理，我们还是需要研究的。

导航下拉，大家首先想到的是用JS来做。或许是大家看到的下拉菜单演示，多是JS控制的下拉，导致从先入为主的意识上，误以为二级下拉是很难的东西，必须要会Javascript才能做。

其实，一个简答的下拉效果，根本不需要JS也能做。比如，我目前在用的Yuan，以及之前用的趣儿等，所用的下拉，都是利用CSS来做，而且还是CSS2，兼容性也不错（除了IE6）。

其实在我之前发布的文章中，都有纯CSS时间轴调用方法的说明，今天在这里主要是规范的发布使用方法说明。

关于时间轴的实例，大家先看一下我主题的单独页面：我的时间轴

效果如图所示：

这篇文章主要是用于留作笔记，以及给一些没接触过的朋友做一个了解。笔记的内容主要是讲解规范写法，以及我们容易误解的地方。

CSS做圆角，主要利用的就是CSS3中的border-radius属性来做的。

在以往，如果要在网页上，实现时间轴效果，我们需要使用jQuery来实现。虽然jQuery十分的漂亮美观，但使用方法来说，太麻烦了。而我们现在通过css3就可以时间一个简单漂亮的时间轴制作了，我现在将我研究的css时间轴制作的方法放上来，给大家参考一下。