2016年03月_陆康永

12月 11月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创流式布局之2012年语法-------------------CSS3盒模型display:flex

display:flex为display:box的增强版box：主要是控制父容器里面子元素的排列方式、排列顺序、垂直（水平）对齐方式box-flex：增强功能----------主要让子容器可修改自身的排列方式、排列顺序、垂直（水平）对齐方式来覆盖父级的属性、添加了多行对齐方式主要API对比：display:flex父级：flex-direction:

2016-03-31 01:18:39 1560

转载流式布局之2009年语法-------------------CSS3盒模型display:box

display:box;box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私有属性定义firefox(-moz-)、opera(-o-)、chrome/safari（-w

2016-03-30 21:27:37 391

原创纯css3实现斑马线repeating-linear-gradient和linear-gradient的妙用

今天睡得太早，结果晚上12:45的时候就醒过来了。现在想起小时候，实在是羡慕，那时候9点钟睡了，到早上上学的时候还是迷迷糊糊的要睡觉的感觉，现在特羡慕那时候那么能睡。今天是周一了，两天的休息日已经过去了，想想挺浪费的，这两天就纯呆家里玩LOL，上周周五下班的时候还给自己定了很多目标结果就执行了一个，而且效果差池人意。实在是睡不着，趁这个时间，把上周六晚上学到的一个css

2016-03-14 03:34:06 8543 1

转载移动端自适应：flexible.js可伸缩布局使用

本文的内容就是介绍淘宝弹性布局方案lib-flexible实践，分享给大家供大家参考，具体内容如下1. 页面需求这是要做的页面效果（不要对设计置评，这不是开发人员决定的）：这是尺寸标注图（750*1334）：然后美工在750*1334的设计稿之上，按我的要求提供以下素材的切图：包括两个下载按钮的背景图片，logo，底部梯形的渐变背景和

2016-03-06 22:46:12 13455

原创 1.跨浏览器通讯之iframe 以及window.open

同一域名下通讯： 1.iframe之间通讯：效果以及代码：http://sandbox.runjs.cn/show/3ntvrlml 2.BOM对象实现通讯：效果以及代码：http://sandbox.runjs.cn/show/owl7v6pmHTML5实现iframe：域名为http://localhost:8080下的页面：

2016-03-06 14:35:46 1846