人生如逆旅,我亦是行人

摘要: border-image 它是下面几个值的简写: border-image-source // 使用绝对或相对地址url,引入图片 border-image-slice //切割图片,取值支持:<number> 或<percentage>其中number是没有单位的, border-image-wi 阅读全文
posted @ 2017-04-10 11:45 不忘初心8090 阅读(4860) 评论(0) 推荐(0) 编辑
摘要: flexbox 即css flexible box layout。 ie9及以下不支持flexbox。 flex详细规范(https://www.w3.org/TR/css-flexbox/) 为什么会用flexbox? 我们都知道现有的布局技术有,行内块,浮动,表格等等。 我们先说说, 它的最大问 阅读全文
posted @ 2017-03-29 17:36 不忘初心8090 阅读(397) 评论(0) 推荐(0) 编辑
摘要: 先介绍文章用到的二个知识点 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 阅读(650) 评论(0) 推荐(0) 编辑
摘要: 要实现上面的效果图,即内侧有圆角。代码如下 用二个div元素可以实现。 另一种方案 只用一个元素 效果同上。 解释:描边outline不会跟着圆角border-radius走,但是box-shadow会,它会填补描边跟圆角之间的空白。 那么这个box-shadow扩张值多大合适呢?才能填补之间的空隙 阅读全文
posted @ 2017-03-26 15:01 不忘初心8090 阅读(400) 评论(0) 推荐(0) 编辑
摘要: box-shadow() 参数: IE9+、Firefox 4、Chrome、Opera 以及 Safari 5.1.1 支持 box-shadow 属性。 小应用:多重边框 box-shadow方案 一个正值的扩张半径加上水平、垂直为0的偏移量和为0的模糊度,得到的投影效果跟一道实线边框效果很像。 阅读全文
posted @ 2017-03-26 14:22 不忘初心8090 阅读(3522) 评论(0) 推荐(0) 编辑
摘要: 一、RGBA(R,G,B,A) 参数: R:红色值。正整数 | |百分数G:绿色值。正整数 | |百分数B:蓝色值。正整数 | |百分数A:Alpha透明度。取值0~1之间。 说明:此色彩模式与RGB相同,只是在RGB模式上新增了Alpha透明度。 RGBA 颜色值得到以下浏览器的支持:IE9+、F 阅读全文
posted @ 2017-03-26 13:29 不忘初心8090 阅读(1220) 评论(0) 推荐(0) 编辑
摘要: 你最喜欢的水果是? 苹果 香蕉 梨 芒果 哈密瓜 阅读全文
posted @ 2017-03-17 13:56 不忘初心8090 阅读(219) 评论(0) 推荐(0) 编辑
摘要: 行: 列: 生成表格 阅读全文
posted @ 2017-03-13 14:20 不忘初心8090 阅读(1168) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2017-03-10 08:49 不忘初心8090 阅读(481) 评论(0) 推荐(0) 编辑
摘要: fly 阅读全文
posted @ 2017-03-09 16:58 不忘初心8090 阅读(173) 评论(0) 推荐(0) 编辑

--------扬在脸上的自信、长在心里的善良、融进血液的骨气、刻在生命里的坚强! ——