迷茫的小飞侠

摘要： 在盒子模型中，如果父元素(div)设定了宽度，那么它的子元素(div)宽度默认为 100%这个时候对设置子元素的padding border宽度进行设置，盒子会向内扩展 (图中第二种情况)也就是：父元素宽度 = 子元素 border+padding+width (子元素宽度没设置)但是如果显式对... 阅读全文

摘要： a标签 两种button按钮 默认带有一个虚线 outline 当他们被单击 和 激活以后outline和border 很类似 ，但是有不同1、outline 不能针对特定的边赋值 ，也就是没有 border-left 这种2、在盒子模型中没有outline，所以当你添加和去除这个属性不会改变布局（... 阅读全文

摘要： 1、margin 为负值margin-bottom:-3000px; padding-bottom:3000px; 一正一负配合父元素 overflow:hidden;#content{overflow:hidden;}.left{width:200px; margin-bottom:-3000... 阅读全文

摘要： 创建表达式的两种方式var pattern1 = /[bc]at/i;var pattern2 = newRegExp(“\\?”); （ var pattern2 = new RegExp(“[bc]at”, “i”);）注意第二种方式要加上 双\\ ， 因为如果 \? 的话解析的时候会尝... 阅读全文

摘要： 绝对定位 有点像 float:left; 有包裹性 和 破坏性但是绝对定位会脱离文档流，高度没了，宽度也没了，绝对元素会层叠到一起position：absolute的块状元素会与float 元素重合，而行内元素不会img{float:left;} div{position: absolute;}... 阅读全文

摘要： var sToChange = “The sky is red.”;var reRed = /red/;var sResultText = sToChange.replace(reRed, function(sMatch) { return “blue”;});sMatch 指的是被匹配到到的对象，... 阅读全文

摘要： 浮动最开始的目的是为了让文字环绕图片（一个图片和多行文字对齐） 1、包裹性：元素添加 float 属性之后 自动变成 inline-block 元素，能设置 宽高 2、破坏性：破坏自身高度，还会使父元素没有了高度，因为里面元素没有了高度 在css中高度有两个模型产生 1、Box 模型 margin+ 阅读全文

摘要： 行高：两条文字基线之间的距离，基线实在英文字母中用到的一个概念，我们刚学英语的时使用的那个英语本子每行有四条线，其中底部第二条线就是基线，是a,c,z,x等字母的底边线。下图的红色线即为基线。如果设为数字的话，表示行高为当前font-size的倍数，默认1.14，不用带单位也可以如果是把它设为和高度... 阅读全文

摘要： { display: none; } 不占据空间，无法点击{ visibility: hidden; } 占据空间，无法点击{ position: absolute; clip:rect(1px 1px 1px 1px);} 不占据空间，无法点击{ position: absolute; to... 阅读全文

摘要： http://www.html5rocks.com/en/tutorials/internals/howbrowserswork/ 主要结构 1、用户界面 如：地址栏，前进后退按钮，书签等 2、浏览器引擎 在用户界面和渲染引擎之间传输指令 3、呈现引擎 解析显示用户请求的内容，几乎都是单线程 除了网 阅读全文