所谓不耻下问,rem这个CSS3的衡量单位是一个早已经出产的东西;但我却是最近才开始学习,以及运用到实际的项目需求中。
最近的项目中,我开始对移动端运用rem这个衡量单位。
一年前做项目的时候,有一个需求是做五星评分的图标输出控制,类似于淘宝购物评价的那种。
刚拿到的时候,我以为很简单,不是五个星星的图标嘛。
弹性滑动,这是一个基于移动端的特性,出现了一种交互效果。
通常,弹性滚动都是浏览器自带的动画交互,或者是写APP时的一些组件或插件。
因为种种原因,导致我们在写移动端的时候,会用弹性滑动。
在展现一个事情的发展过程或流程时,大家一般都会选择用时间轴方式来展现,多数朋友会去网上下载时间轴的jq插件。
插件下载以后即可使用,但有时候还是多有不便,毕竟不是自己写的代码,如果注释不够明确,浪费的时间,都可以自己去写一遍了。
阳光作为一个喜欢研究实现原理的人,对css时间轴实现方案一直都在关注,随着时间的发展,一年多的经验积累,对于时间轴的实现方案,有了进一步的了解与掌握。
在平日的网页响应式布局中,经常遇到需要在一个未知宽度的div块中,平放N个宽度一样的块。
或许,网络上各种框架已经提供了方案,但其中的基本原理,我们还是需要研究的。
导航下拉,大家首先想到的是用JS来做。或许是大家看到的下拉菜单演示,多是JS控制的下拉,导致从先入为主的意识上,误以为二级下拉是很难的东西,必须要会Javascript才能做。
其实,一个简答的下拉效果,根本不需要JS也能做。比如,我目前在用的Yuan,以及之前用的趣儿等,所用的下拉,都是利用CSS来做,而且还是CSS2,兼容性也不错(除了IE6)。
这篇文章主要是用于留作笔记,以及给一些没接触过的朋友做一个了解。笔记的内容主要是讲解规范写法,以及我们容易误解的地方。
CSS做圆角,主要利用的就是CSS3中的border-radius属性来做的。
在以往,如果要在网页上,实现时间轴效果,我们需要使用jQuery来实现。虽然jQuery十分的漂亮美观,但使用方法来说,太麻烦了。而我们现在通过css3就可以时间一个简单漂亮的时间轴制作了,我现在将我研究的css时间轴制作的方法放上来,给大家参考一下。