摘要： 环境安装gulp和grunt用的都是node 的包管理工具 -npm ，所以你需要先在电脑上安装 node ，这样就能去安装 Gulp 与 Grunt 了。（安装node会自动安装npm，检测安装成功 node -v, npm -v）安装在项目里使用gulp，你得先在全局范围内去安装一下 Gulp ... 阅读全文

摘要： 作用：永久保存数据数据，下次打开网页的时候数据还在StorageAPIsetItem():- 设置数据，key\value类型，类型都是字符串- 可以用获取属性的形式操作getItem():- 获取数据，通过key来获取到相应的valueremoveItem():- 删除数据，通过key来删除相应的... 阅读全文

摘要： css3分栏布局column-width 栏目宽度column-count 栏目列数column-gap 栏目距离column-rule 栏目间隔线css3响应式布局all 所有媒体braille 盲文触觉设备embossed 盲文打印机print 手持设备projection 打印预览screen... 阅读全文

摘要： 盒模型阴影box-shadow: [inset] x y blur [spread] color　参数 - inset: 投影方式 》inset：内投影 》不给：外投影 - x、y：阴影偏移 - blur：模糊半径 - spread：扩展阴影半径 》先扩展原有形状，再开始画... 阅读全文

摘要： 弹性盒模型注意在使用弹性盒模型的时候 父元素必须要加display: box或display: inline-boxbox-orient 定义盒模型的布局方向（写在父元素上 ） Horizontal 水平显示（默认） vertical 垂直方向box-direction 元素排列顺序（写在父元素... 阅读全文

摘要： font-face语法规则@font-face { font-family: ; src: [][, []]*; [font-weight: ]; [font-style: ];}1. YourWebFontName：此值指的就是你自定义的字体名称，最好使用你下载的默认字体... 阅读全文

摘要： 1. 文字阴影text-shadow: x y blur color, ...参数 - x 横向偏移 - y 纵向偏移 - blur 模糊距离 - color 阴影颜色注：文本阴影如果加很多层，会很卡很卡很卡阴影叠加 text-shadow: 2px 2px 0 red, 2px ... 阅读全文

摘要： 闭包：外部作用域访问内部作用域中变量的方法叫做闭包1.可以看成是for循环先执行，第一个function中 i 是10.// 这段代码输出的是10个10而不是期望的0到9，因为闭包内是对i的引用，然后函数执行时i已经变成了10function f1() { for (var i = 0; i ... 阅读全文

摘要： 1. E:target 表示当前的URL片段的元素类型，这个元素必须是E（也就是选取当前活动的目标元素）代码：这里活动元素变成了金色 div1div2div3div1div2div32.1 E:disabled 表示不可点击的表单控件2.2 E:enabled 表示可点击的表单控件3. E:c... 阅读全文

摘要： 1.1 E:nth-child(n)：表示E父元素的第n个子节点 p:nth-child(odd){ background: red } /* 匹配奇数行 */ p:nth-child(even){ background: red } /* 匹配偶数行 */ p:nth-child(2n)... 阅读全文