摘要： 相对于后面会讲到的绝对定位，相对定位确实要简单的多。但是简单不代表不重要，今天就来说说它。一、什么是相对定位 一旦一个框按照常规流或者是浮动得到定位，它可以相对该位置进行偏移。这就叫做相对定位。这就是标准中对于相对定位的解释。二、相对定位元素的一些特性 relative和absolute有一... 阅读全文

摘要： 本节我们来讨论一下Inline formatting contexts（行内格式化上下文，以下简称IFC）和line box（行框）。一、行框 在一个行内格式化上下文中，框会一个接一个的水平放置，从包含块的顶部开始。这些框水平方向的margin、border以及padding属性是会起作用的。... 阅读全文

摘要： 在css2.1中，常规流包括块框（block boxes）的块格式化（block formatting）,行内框（inline boxes）的行内格式化（inline formatting），块级框（block-level-boxes）或行内级框（inline-level-boxes）的相对定位... 阅读全文

摘要： 在这个系列第一章里可视化格式模型里就说到过，影响框的布局的几个因素： 1.框的尺寸和类型 2.定位体系 3.文档树中元素间的关系 4.外部信息 其中，我觉得在实际工作中处理最多的还要属定位体系的问题。定位体系，主要分三种，常规流（normal flow）、浮动（floats）、绝对定位... 阅读全文

摘要： 包含块（containing block）是可视化格式模型中得一个重要概念。CSS2中，很多框的位置和尺寸的计算都基于一个被称为包含块的长方形盒子的四边。通常地，生成的框表现为其派生框的包含块；我们说一个框“建立”了它的派生框的包含块。短语“一个框的包含块”意味着“该框所存在的那个包含块”，而不... 阅读全文

摘要： display这个属性相信大家都了解过，而块级元素和块盒（也有作框，为了和盒模型相对应，我统一称作盒）、行内元素和行内盒，大家也经常在打交道。但是知道和使用并不一定等于了解，今天我们就来讨论下这几个概念。不过在开始之前，我们得先了解几个其他的概念： 1.替换元素（replaced elemen... 阅读全文

摘要： 对于可视化格式模型这个概念，官方的原话是这样的：How use agents process the document tree for visual media。翻译过来就是用户端在媒介中如何处理文档树。用户端这个对于我们来说通常指的就是浏览器。媒介呢，就是展示页面的介质，比如显示器。文档树呢... 阅读全文

摘要： 其实网上关于Array对象的文章有很多了，只是在这里自己整理一下，当作一个知识的梳理吧。 这里有一张关于数组的思维导图，感觉比较详细(来源http://www.cnblogs.com/coco1s/p/3953653.html)。 数组简单来说就是数据的有序列表。《JavaScript语言精... 阅读全文