窗棂 - 博客园

2016年7月8日

[ css 深入理解 vertical-align line-height 属性 ] css中深入理解vertical-align和line-height的基友关系及实例演示的区别

一、想死你们了几个星期没有写文章了，好忙好痒；个把月没有写长篇了，好忙好想；半个季度没在文章中唠嗑了，好痒好想。后面一栋楼有对夫妻在吵架，声音雄浑有力，交锋酣畅淋漓，还以为只有小乡镇才有这架势，哦，突然想起来，我就是住在上海郊外的小乡镇上。刚刚买了几十股京东的股票，第一次玩这个，看好京东的发展 Read More

posted @ 2016-07-08 12:55 窗棂 Views(842) Comments(0) Diggs(0) Edit

[ html 标准属性 ] html中所有标签均支持的属性(仅有少数例外)列表

NEW：HTML 5 中新的标准属性,HTML 4.01 不再支持 accesskey 属性： true false 创作者定义的属性。 HTML 文档的创作者可以定义他们自己的属性。必须以 "data-" 开头。 ltr rtl true false auto empty url url gro Read More

posted @ 2016-07-08 10:51 窗棂 Views(295) Comments(0) Diggs(0) Edit

[ css 动画 animation属性 ] css中animation属性讲解及实现弹力球实例演示

实例: Read More

posted @ 2016-07-08 09:51 窗棂 Views(362) Comments(0) Diggs(0) Edit

[ css 变换 transform 属性 ] css中transform属性讲解及实例演示的区别

一、写在前面的秋裤早在去年的去年，我就大肆介绍了2D transform相关内容。看过海贼王的都知道，带D的家伙都不是好惹的，2D我辈尚可以应付，3D的话，呵呵，估计我等早就在千里之外被其霸气震晕了~~ 看看下图女帝的动作以及神情，就可以知道名字带D的家伙的厉害！最近折腾iPad的一些东西，有一 Read More

posted @ 2016-07-08 09:22 窗棂 Views(1722) Comments(0) Diggs(0) Edit

[ css 矩阵 Matrix 属性 ] css中transform的Matrix(矩阵)属性讲解及实例演示的区别

一、哥，我被你吓住了打架的时候会被块头大的吓住，学习的时候会被奇怪名字吓住（如“拉普拉斯不等式”）。这与情感化设计本质一致：界面设计好会让人觉得这个软件好用！所以，当看到上面“Matrix(矩阵)”的时候，难免会心生畏惧（即使你已经学过），正常心理。实际上，这玩意确实有点复杂。然而，这却是屌丝 Read More

posted @ 2016-07-08 09:16 窗棂 Views(1327) Comments(0) Diggs(1) Edit

[ css 过渡变化动画 transition transform animation 属性 ] css中过渡变化动画 transition transform animation 属性讲解及实例演示的区别

一、前言兼目录索引《天龙八部》里的虚竹小和尚之前可以说是和尚的先进人物与代表模范，各类清规戒律谨记与严守。但是，后来呢，花姑娘送到跟前，什么戒律都成了浮云，禁不住诱惑享乐去了。啊，我现在似乎有类似的感觉，本来不打算深究CSS3的一些属性的，但是其效果以及实际应用价值之诱惑实在巨大，还是抵挡不住，折 Read More

posted @ 2016-07-08 09:08 窗棂 Views(1588) Comments(0) Diggs(0) Edit

2016年7月7日

[ css 弹性盒子模型 flex-shrink 属性 ] 弹性盒子模型flex布局中flex-shrink属性讲解及实例演示的区别

根据弹性盒子元素所设置的收缩因子作为比率来收缩空间实例: 分析: flex-shrink的默认值为1，如果没有显示定义该属性，将会自动按照默认值1在所有因子相加之后计算比率来进行空间收缩。本例中c显式的定义了flex-shrink，a,b没有显式定义，但将根据默认值1来计算，可以看到总共将剩余空 Read More

posted @ 2016-07-07 23:56 窗棂 Views(344) Comments(0) Diggs(0) Edit

[ css 弹性盒子模型 flex-grow 属性 ] 弹性盒子模型flex布局中flex-grow属性讲解及实例演示的区别

根据弹性盒子元素所设置的扩展因子作为比率来分配剩余空间实例: 解析: flex-grow的默认值为0，如果没有显示定义该属性，是不会拥有分配剩余空间权利的。本例中b,c两项都显式的定义了flex-grow，flex容器的剩余空间分成了4份，其中b占1份，c占3分，即1:3 flex容器的剩余空间 Read More

posted @ 2016-07-07 23:50 窗棂 Views(311) Comments(0) Diggs(0) Edit

[ css 弹性盒子模型 flex-basis 属性 ] 弹性盒子模型flex布局中flex-basis属性讲解及实例演示的区别

设置或检索弹性盒伸缩基准值: 如果所有子元素的基准值之和大于剩余空间，则会根据每项设置的基准值，按比率伸缩剩余空间计算值 – 绝对数:在flex-container主方向大小不足以容纳flex items的flex-basis总和时，浏览器会自动缩小它们实例: <!DOCTYPE html> < Read More

posted @ 2016-07-07 23:38 窗棂 Views(954) Comments(0) Diggs(0) Edit

[ css 弹性盒子模型 align-item 属性 ] 弹性盒子模型flex布局中align-item属性讲解及实例演示的区别

说明：本属性适用于：flex容器定义flex子项在flex容器的当前行的侧轴（纵轴）方向上的对齐方式实例: Read More

posted @ 2016-07-07 21:52 窗棂 Views(1358) Comments(0) Diggs(0) Edit

窗棂博客记录