11 2015 档案

9. 水平垂直居中的方法
摘要：方法一：未知宽高的块元素水平垂直居中？（仅限webkit内核，请看以下代码）css：*{ padding: 0; margin: 0; }html, body{ height: 100%; }.box{ height: 100%; font-size: 20px; color: #fff; disp... 阅读全文
posted @ 2015-11-25 12:51 Sampson1207 阅读(175) 评论(0) 推荐(0)
2. 贝塞尔曲线bezierCurveTo
摘要：贝塞尔曲线(bezierCurveTo(dx1, dy1, dx2, dy2, x1, y1)- 贝塞尔曲线：第一组控制点、第二组控制点、第三组结束坐标oGc.moveTo(100, 200);oGc.bezierCurveTo(100, 100, 200, 200, 200, 100);看示图说明... 阅读全文
posted @ 2015-11-23 23:28 Sampson1207 阅读(777) 评论(0) 推荐(0)
3. gulp安装和使用
摘要：环境安装gulp和grunt用的都是node 的包管理工具 -npm ，所以你需要先在电脑上安装 node ，这样就能去安装 Gulp 与 Grunt 了。（安装node会自动安装npm，检测安装成功 node -v, npm -v）安装在项目里使用gulp，你得先在全局范围内去安装一下 Gulp ... 阅读全文
posted @ 2015-11-23 22:02 Sampson1207 阅读(674) 评论(0) 推荐(0)
1. 本地存储Storage
摘要：作用：永久保存数据数据，下次打开网页的时候数据还在StorageAPIsetItem():- 设置数据，key\value类型，类型都是字符串- 可以用获取属性的形式操作getItem():- 获取数据，通过key来获取到相应的valueremoveItem():- 删除数据，通过key来删除相应的... 阅读全文
posted @ 2015-11-22 12:50 Sampson1207 阅读(301) 评论(0) 推荐(0)
8.1.6 弹性盒模型(3)
摘要：css3分栏布局column-width 栏目宽度column-count 栏目列数column-gap 栏目距离column-rule 栏目间隔线css3响应式布局all 所有媒体braille 盲文触觉设备embossed 盲文打印机print 手持设备projection 打印预览screen... 阅读全文
posted @ 2015-11-15 20:17 Sampson1207 阅读(129) 评论(0) 推荐(0)
8.1.6 弹性盒模型(2)
摘要：盒模型阴影box-shadow: [inset] x y blur [spread] color　参数 - inset: 投影方式 》inset：内投影 》不给：外投影 - x、y：阴影偏移 - blur：模糊半径 - spread：扩展阴影半径 》先扩展原有形状，再开始画... 阅读全文
posted @ 2015-11-15 19:00 Sampson1207 阅读(142) 评论(0) 推荐(0)
8.1.6 弹性盒模型(1)
摘要：弹性盒模型注意在使用弹性盒模型的时候 父元素必须要加display: box或display: inline-boxbox-orient 定义盒模型的布局方向（写在父元素上 ） Horizontal 水平显示（默认） vertical 垂直方向box-direction 元素排列顺序（写在父元素... 阅读全文
posted @ 2015-11-14 19:59 Sampson1207 阅读(165) 评论(0) 推荐(0)
8.1.5 CSS3文字(2)( 字体 )
摘要：font-face语法规则@font-face { font-family: ; src: [][, []]*; [font-weight: ]; [font-style: ];}1. YourWebFontName：此值指的就是你自定义的字体名称，最好使用你下载的默认字体... 阅读全文
posted @ 2015-11-13 17:21 Sampson1207 阅读(163) 评论(0) 推荐(0)
8.1.4 CSS3文字(1)( 文字阴影和描边、文字排版、自定义文字 )
摘要：1. 文字阴影text-shadow: x y blur color, ...参数 - x 横向偏移 - y 纵向偏移 - blur 模糊距离 - color 阴影颜色注：文本阴影如果加很多层，会很卡很卡很卡阴影叠加 text-shadow: 2px 2px 0 red, 2px ... 阅读全文
posted @ 2015-11-13 14:34 Sampson1207 阅读(536) 评论(0) 推荐(0)
6. 闭包浅谈
摘要：闭包：外部作用域访问内部作用域中变量的方法叫做闭包1.可以看成是for循环先执行，第一个function中 i 是10.// 这段代码输出的是10个10而不是期望的0到9，因为闭包内是对i的引用，然后函数执行时i已经变成了10function f1() { for (var i = 0; i ... 阅读全文
posted @ 2015-11-11 10:26 Sampson1207 阅读(221) 评论(0) 推荐(0)
8.1.3 CSS3选择器 —— 伪类
摘要：1. E:target 表示当前的URL片段的元素类型，这个元素必须是E（也就是选取当前活动的目标元素）代码：这里活动元素变成了金色 div1div2div3div1div2div32.1 E:disabled 表示不可点击的表单控件2.2 E:enabled 表示可点击的表单控件3. E:c... 阅读全文
posted @ 2015-11-09 20:56 Sampson1207 阅读(167) 评论(0) 推荐(0)
8.1.2 CSS3选择器 —— 结构性伪类
摘要：1.1 E:nth-child(n)：表示E父元素的第n个子节点 p:nth-child(odd){ background: red } /* 匹配奇数行 */ p:nth-child(even){ background: red } /* 匹配偶数行 */ p:nth-child(2n)... 阅读全文
posted @ 2015-11-09 20:15 Sampson1207 阅读(161) 评论(0) 推荐(0)
8.1.1 CSS3选择器 —— 属性选择器
摘要：1. E[attr]只使用属性名，但没有确定任何属性值例：p[miao]z1z22. E[attr=value]指定属性名，并指定了该属性的值例：p[miao=Kevin] 3. E[attr~=value]指定属性名，并且具有属性值，此属性值是一个词列表，并且以空格隔开，其中词列表包行了一个... 阅读全文
posted @ 2015-11-05 21:15 Sampson1207 阅读(181) 评论(0) 推荐(0)
2. 关于webstorm设置utf-8格式
摘要：1. 设置项目文件的默认编码可以在 File----Settings-----editor---file encoding中设置 ( 快捷键：ctrl+alt+s ) 如图： IDE Encoding：IDE的编码（全局的编码格式，一定要设置成UTF-8） Project Encoding：项目编码 阅读全文
posted @ 2015-11-05 10:04 Sampson1207 阅读(4371) 评论(0) 推荐(0)