2017 年 3月随笔档案 - 不忘初心8090

css flexbox 弹性布局

摘要：flexbox 即css flexible box layout。 ie9及以下不支持flexbox。 flex详细规范（https://www.w3.org/TR/css-flexbox/）为什么会用flexbox？我们都知道现有的布局技术有，行内块，浮动，表格等等。我们先说说，它的最大问阅读全文

posted @ 2017-03-29 17:36 不忘初心8090 阅读(396) 评论(0) 推荐(0) 编辑

css 条纹背景

摘要：先介绍文章用到的二个知识点 background-size 属性语法 css线性渐变 linear-gradient(to <side-or-corner>)||<angle>,<color-stop>,<color-stop>) <side-or-corner> = [left | right] 阅读全文

posted @ 2017-03-26 15:46 不忘初心8090 阅读(638) 评论(0) 推荐(0) 编辑

css边框内圆角

摘要：要实现上面的效果图，即内侧有圆角。代码如下用二个div元素可以实现。另一种方案只用一个元素效果同上。解释：描边outline不会跟着圆角border-radius走，但是box-shadow会，它会填补描边跟圆角之间的空白。那么这个box-shadow扩张值多大合适呢？才能填补之间的空隙阅读全文

posted @ 2017-03-26 15:01 不忘初心8090 阅读(396) 评论(0) 推荐(0) 编辑

css box-shadow知识点及多重边框

摘要：box-shadow（）参数： IE9+、Firefox 4、Chrome、Opera 以及 Safari 5.1.1 支持 box-shadow 属性。小应用：多重边框 box-shadow方案一个正值的扩张半径加上水平、垂直为0的偏移量和为0的模糊度，得到的投影效果跟一道实线边框效果很像。阅读全文

posted @ 2017-03-26 14:22 不忘初心8090 阅读(3517) 评论(0) 推荐(0) 编辑

css rgba/hsla知识点讲解及半透明边框

posted @ 2017-03-26 13:29 不忘初心8090 阅读(1203) 评论(0) 推荐(0) 编辑

js CheckBox 全选、反选

摘要：你最喜欢的水果是？苹果香蕉梨芒果哈密瓜阅读全文

posted @ 2017-03-17 13:56 不忘初心8090 阅读(217) 评论(0) 推荐(0) 编辑

js动态生成表格

摘要：行：列：生成表格阅读全文

posted @ 2017-03-13 14:20 不忘初心8090 阅读(1168) 评论(0) 推荐(0) 编辑

JavaScript数组求和

摘要：阅读全文

posted @ 2017-03-10 08:49 不忘初心8090 阅读(481) 评论(0) 推荐(0) 编辑