摘要： 目录 背景与边框第一部分 背景与边框第二部分 形状 视觉效果 字体排印 用户体验 结构与布局 过渡与动画 源码下载 一、单侧阴影 box-shadow属性的应用，格式：h-shadow v-shadow blur spread color inset属性取值介绍 h-sahdow：水平阴影的位置，允 阅读全文

摘要： 目录 背景与边框第一部分 背景与边框第二部分 形状 视觉效果 字体排印 用户体验 结构与布局 过渡与动画 源码下载 一、自适应椭圆 * border-radius特性： * 可以单独指定水平和垂直半径，并且值可以是百分比，用/（斜杠）分隔这两个值即可（可以实现自适应宽度椭圆）。 * 还可以单独指定四 阅读全文

摘要： 目录 背景与边框第一部分 背景与边框第二部分 形状 视觉效果 字体排印 用户体验 结构与布局 过渡与动画 源码下载 一、条纹背景 利用background为linear-gradient函数实现，linear-gradient取值如下： <angle>：角度，渐变的方向 to left right 阅读全文

摘要： 本系列主要总结Css3一些新特性的认识，来源于《css揭秘》书。 目录 背景与边框第一部分 背景与边框第二部分 形状 视觉效果 字体排印 用户体验 结构与布局 过渡与动画 源码下载 一、半透明边框 css3最好用hsla，而不是rgba，hsla是：h：颜色值(0~360)；s：饱合度(0%~100 阅读全文

摘要： 一、柯里化 在定义柯里化、部分应用参数的概念前，首先必须对闭包有深入的了解和定义，闭包一句话说清楚：函数返回值为函数。 柯里化的定义：将多参函数分解为按步骤接受单个参数的函数，如下代码： mod：接受两个参数，分别为a,b； curry2：实现柯里化功能函数，由于传入mod这个参数，返回接受一个参数 阅读全文

摘要： position俗称定位，主要取值及作用如下： static 默认值。没有定位，出现在正常文档流中 absolute 绝对定位，相对于position为absolute、relative、fixed的第一个父元素进行定位 relative 相对定位，相对于其正常位置进行定位 fixed 绝对定位，相 阅读全文

摘要： 一、Float的特性 1. 应用于文字围绕图片 2. 创建一个块级框 3. 多列浮动布局 4. 浮动元素的宽度、高度自适应，但可以设置其值。 二、核心解决的问题 文字围绕图片：img标签与多个文本标签放置在一个容器中，如果img浮动，文本标签会围绕图片。 2.1 这是一个问题 浮动元素与正常元素相邻 阅读全文

摘要： 四、inline-block 此类元素是inline + block的合体 1) margin和padding都有效；width和height都有效； 1) 还是存在8像素的间隔 2) Block/inline-block元素包裹的inline-block元素，默认超width会换行，hieght撑 阅读全文

摘要： Display在官方定义：规定元素应该生成的框的类型。本文只重点分析常用的6个值：none、block、inline、inline-block、inherit、flex。其他table、list-item等都不再推荐使用。 一、None 此元素不会被显示。主要与visibility属性为hidden 阅读全文

摘要： 一、必备插件 1.babel：es6的语法支持 2.karma：测试框架 3.jasmine：断言框架 4.webpack:打包工具 5.karma-webpack：karma调用webpack打包接口的插件 二、实现步骤 1.通过npm安装上述必备的插件包 2.创建webpack.test.con 阅读全文