摘要:
border-image 它是下面几个值的简写: border-image-source // 使用绝对或相对地址url,引入图片 border-image-slice //切割图片,取值支持:<number> 或<percentage>其中number是没有单位的, border-image-wi 阅读全文
摘要:
flexbox 即css flexible box layout。 ie9及以下不支持flexbox。 flex详细规范(https://www.w3.org/TR/css-flexbox/) 为什么会用flexbox? 我们都知道现有的布局技术有,行内块,浮动,表格等等。 我们先说说, 它的最大问 阅读全文
摘要:
先介绍文章用到的二个知识点 background-size 属性 语法 css线性渐变 linear-gradient(to <side-or-corner>)||<angle>,<color-stop>,<color-stop>) <side-or-corner> = [left | right] 阅读全文
摘要:
要实现上面的效果图,即内侧有圆角。代码如下 用二个div元素可以实现。 另一种方案 只用一个元素 效果同上。 解释:描边outline不会跟着圆角border-radius走,但是box-shadow会,它会填补描边跟圆角之间的空白。 那么这个box-shadow扩张值多大合适呢?才能填补之间的空隙 阅读全文
摘要:
box-shadow() 参数: IE9+、Firefox 4、Chrome、Opera 以及 Safari 5.1.1 支持 box-shadow 属性。 小应用:多重边框 box-shadow方案 一个正值的扩张半径加上水平、垂直为0的偏移量和为0的模糊度,得到的投影效果跟一道实线边框效果很像。 阅读全文
摘要:
一、RGBA(R,G,B,A) 参数: R:红色值。正整数 | |百分数G:绿色值。正整数 | |百分数B:蓝色值。正整数 | |百分数A:Alpha透明度。取值0~1之间。 说明:此色彩模式与RGB相同,只是在RGB模式上新增了Alpha透明度。 RGBA 颜色值得到以下浏览器的支持:IE9+、F 阅读全文
摘要:
你最喜欢的水果是? 苹果 香蕉 梨 芒果 哈密瓜 阅读全文
摘要:
行: 列: 生成表格 阅读全文
摘要:
阅读全文
摘要:
fly 阅读全文