Burgess_zyl-优快云博客

原创 CSS clip属性理解

clip:rect(top,right,bottom,left);clip 属性剪裁绝对定位元素,用于定于一个剪裁矩形。对于一个绝对定义元素，在这个矩形内的内容才可见。出了这个剪裁区域的内容会根据 overflow 值来处理。剪裁区域可能比元素的内容区大，也可能比内容区小。注意：:1. 如果先有"overflow：visible"，clip属性不起作用。 2. bott

2017-02-14 10:44:52 409

原创 HTML 内容隐藏显示以及display和visibility的对比

hidden display：布局时不占位置 display规定元素应该生成的框的类型 block hiddenvisibility：

2017-02-07 20:03:04 724

原创事件流和return

return；返回为空，可用于终止函数事件冒泡：事件从最具体的节点开始向外传播到最宽泛的节点。属于事件的默认类型，被绝大多数的浏览器所支持。事件捕获：事件从最宽泛的节点开始向内传播到最具体的节点。在ie8及更早的ie中不被支持。if(event.preventDefault){ event.preventDefault();}else{ event.returnValue=fal

2017-02-07 18:16:44 290

原创 css居中

文字居中：水平居中：设置text-align:center;垂直居中：设置line-height 该方法适用于, 、而vertical-align:middle适用于表格元素，e.g. ,>DIV居中：父元素：position:relative; 设置width，height 子元素：position:absolute;设置width:w，height:h top:50%;lef

2017-02-07 18:05:00 286

原创 css 定位

css的定位机制：普通流，浮动（float），定位（position）float,absolute完全脱离普通的文档流，不占空间absolute 相对于其包含块来定位：外层无relateIve，相对于body偏移。外层有relative，相对于relative偏移relative相对于本身原始位置偏移，会保留原有位置，占空间，会以最相近的relative进行偏移

2017-02-07 17:47:33 314

原创 js 随机数且不重复

看评论区的时候发现大神这样创造不重复随机数，在此记录学习var a=[]; for(var i = 0; i < 25; i++){ a.push(i);}a.sort(function(){return 0.5 - Math.random()});a.length = 5;

2017-02-07 17:04:19 861

原创 js方法动态调用

方法一：利用eval() eval('timer' + i);方法二：var functionList = { '0':function(){return timer0 }, '1':function(){return timer1}}functionList[1]();

2017-02-07 16:59:23 934

原创纯css实现tab切换

所用技术有：css选择器 + ~相邻兄弟选择器+ element + element 用于选取第一个指定的元素之后的紧跟的元素，该元素是被选取元素的兄弟（不是内部） ~ element1~element2 它可以element1之后所有的element2 . 两元素必须拥有相同父元素，但是element2不必直接紧随element1. HTML：

2016-11-16 10:03:26 439

Burgess_zyl的博客