摘要:
环境安装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)... 阅读全文