2016年1月26日

盒子模型中问题

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

posted @ 2016-01-26 17:04 迷茫小飞侠 阅读(235) 评论(0) 推荐(0) 编辑

outline

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

posted @ 2016-01-26 17:04 迷茫小飞侠 阅读(272) 评论(0) 推荐(0) 编辑

高度自动相等方法

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

posted @ 2016-01-26 17:03 迷茫小飞侠 阅读(179) 评论(0) 推荐(0) 编辑

正则表达式

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

posted @ 2016-01-26 17:02 迷茫小飞侠 阅读(215) 评论(0) 推荐(0) 编辑

绝对定位 相对定位

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

posted @ 2016-01-26 17:02 迷茫小飞侠 阅读(117) 评论(0) 推荐(0) 编辑

replace 使用函数作为第二参数

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

posted @ 2016-01-26 17:00 迷茫小飞侠 阅读(253) 评论(0) 推荐(0) 编辑

float 浮动

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

posted @ 2016-01-26 16:59 迷茫小飞侠 阅读(175) 评论(0) 推荐(0) 编辑

line-height 行高

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

posted @ 2016-01-26 16:59 迷茫小飞侠 阅读(174) 评论(0) 推荐(0) 编辑

元素隐藏

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

posted @ 2016-01-26 16:58 迷茫小飞侠 阅读(112) 评论(0) 推荐(0) 编辑

现代浏览器内部

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

posted @ 2016-01-26 16:57 迷茫小飞侠 阅读(209) 评论(0) 推荐(0) 编辑

导航