不忘初心8090 - 博客园

2017年4月

摘要： border-image 它是下面几个值的简写： border-image-source // 使用绝对或相对地址url,引入图片 border-image-slice //切割图片，取值支持:<number> 或<percentage>其中number是没有单位的， border-image-wi 阅读全文

posted @ 2017-04-10 11:45 不忘初心8090 阅读(4912) 评论(0) 推荐(0)

2017年3月

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 阅读(418) 评论(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 阅读(676) 评论(0) 推荐(0)

css边框内圆角

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

posted @ 2017-03-26 15:01 不忘初心8090 阅读(416) 评论(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 阅读(3558) 评论(0) 推荐(0)

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

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

js CheckBox 全选、反选

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

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

js动态生成表格

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

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

JavaScript数组求和

摘要：阅读全文

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

JavaScript简易动画

摘要： fly 阅读全文

posted @ 2017-03-09 16:58 不忘初心8090 阅读(177) 评论(0) 推荐(0)

公告