摘要：
详解块级格式化范围（block formatting context）前几天讲闭合浮动元素的时候提到了块级格式化范围（block formatting context），现在我来详细解释一下。先看图片:这两个普通的div的边距都是20px，但实际的边距不是20px+20px=40px，而是取20px，这就是最开始学css的同学总和我说的边距重叠，当俩个普通的div相遇时会有以下规则：当两个div的边距都是正的时取最大的margin最为边距。当两个div的边距都是一正一负时,边距为他们的边距相加。刚才说的是普通情况下，所谓的普通就是没有长生格式化范围，看第二个图是产生格式化范围的情况，就是边距没 阅读全文
摘要：
从清除浮动（clear float）谈拥有布局（has layout）与块级格式化范围（block formatting context）float是网页布局中都要使用的css属性，他为我们灵活布局提供了方便，但同时浮动太多会带来很多麻烦，所以我通常的做法是使用float完后，马上清除他。float的本质是脱离的正常的html文档流，就是由于他脱离的文档流才出现了很多麻烦。清除浮动（我更喜欢叫闭合浮动元素）的最简单的方法就用<div style=”clear:both;”></div>加入空的标签，但是这种不够语义化，也显得不是很灵活，每次都要加额外的html。于是有人 阅读全文
摘要：
javascript字面量 在JavaScript里面，字面量包括：字符串字面量(string literal )、数组字面量(array literal)和对象字面量(object literal)，另外还有函数字面量(function literal)。 如果以前没有接触过字面量这个词，一时间真的难以理解，定义都是写的很玄乎的，读完可能会完全不知所云，于是上网百度+google了一番，关于字面量方面的资料不多，写的都比较零散。 1. 字符串字面量（String Literal）是指双引号引住的一系列字符，双引号中可以没有字符，可以只有一个字符，也可以有很多个字符（来源：互动百科）。 在编程 阅读全文
摘要：
如果你不知道BOM，那你应该知道DOM。DOM：(Document Object Model) 文档对象模型。BOM：(Browser Object Mode) 浏览器对象模型。从上面的对比中，可以很清晰的看出，BOM与DOM的最大区别既是B(Browser)和D(Document)的区别，那Browser和Document有什么差别呢，从下面的一张图上看，DOM的根节点是document。经常编写JavaScript代码，也许你会想到window对象，为啥DOM里面没有window，这就是BOM与DOM的区别了，window是JavaScript的顶端对象之一，它是隶属于浏览器层次的，它独立 阅读全文