本文由云+社区发表 Flex是Flexible Box 的缩写,意为"弹性布局",是CSS3的一种布局模式。通过Flex布局,可以很优雅地解决很多CSS布局的问题。下面会分别介绍容器的6个属性和项目的6个属性。每个属性会附上效果图,具体实现代码会以github路径形式更新于此。 1.浏览器支持情况 ...
分类:
Web程序 时间:
2018-12-13 12:14:49
阅读次数:
165
jQuery Mobile 是一种 web 框架,用于创建移动 web 应用程序。 jQuery Mobile 是一个为触控优化的框架,用于创建移动 web 应用程序。 jQuery 适用于所有流行的智能手机和平板电脑: jQuery Mobile 构建于 jQuery 库之上,这使其更易学习,如果 ...
分类:
Web程序 时间:
2018-12-12 23:51:16
阅读次数:
313
最近有一个需求,是让我把一个效果优化一下。这个效果是页面加载完后,会有一个向上滑动的文字提示动画效果,如下图 注:下面的例子我都会附上完整demo,以供有需要的小伙伴测试和借鉴 之前是后台同事用 JS 实现的,代码如下: 然后,我用纯 CSS3 做了优化,代码如下: 后来有一个需求是,当用户向上滑动 ...
分类:
其他好文 时间:
2018-12-12 23:43:36
阅读次数:
316
CSS3 渐变渐变(gradients)可以在两个或多个指定的颜色之间显示平稳的过渡。兼容性:IE10+,Chrome26+,FireFox16+,Safari6.1+,Opera12.1+CSS3线性渐变线性渐变属性(Linear Gradients)是沿着一根轴线改变颜色,从起点到终点颜色进行顺 ...
分类:
Web程序 时间:
2018-12-12 19:40:13
阅读次数:
967
先介绍一下这个近年来突起的黑马 CSS3中新增的属性,从IE9开始兼容,手机端都兼容。参考的是<html>这个标签的font-size。rem中的r就是root根的意思。所以rem要比em好用的多,因为em参考的是父亲的字号,和rem永远参考的是根元素(html标签)的字号。rem被发明,实际上是为 ...
分类:
移动开发 时间:
2018-12-12 19:01:54
阅读次数:
202
最近在写一个小程序,项目中遇到一个需求:页面滚动到tab切换菜单时,菜单fixed到页面顶部; 实现方法: 使用小程序的onPageScroll事件,滚动到指定位置添加fixed样式; bug1:获取指定位置错误,因为上面都是图片,在图片未加载出来时获取高度,高度值不对,解决办法就是在imgae上加 ...
分类:
Web程序 时间:
2018-12-11 17:22:50
阅读次数:
239