html文档浅析
1. 文档流
文档流指的是html的元素在计算布局排版的过程中，会依照它们各自在标记中出现的先后顺序，依次从页面上方流向下方。其中非块级元素会从左到右排列，块级元素会从上到下排列。
2. 块级元素和行级元素
几乎所有的html都是行级元素和块级元素，即它们的display属性值要么是inline，要么是block。其中也有特例，比如table就有自己特殊的display属性值。假如我们把html元素理解成一个盒子，块级元素的盒子会扩展到与浏览器同宽。行级元素盒子会收缩包裹其内容，并且尽可能收紧。所以往往行级元素会排列在一行，而每个块级元素都会另起一行。块级元素可以设置宽高，行级元素不可以设置宽高。可以通过改变他们的display属性来完成行级与块级之间的转变。
基本上所有的文本级标签都是行级元素，比如<span>、<a>、<b>、<em>，其中<p>标签比较特殊，虽然是文本级标签，但是是块级元素。<img>标签也是行级元素。所有容器级标签都是块级元素,比如<div>、<h>、<li>。
3. DOM
DOM，也称文档对象模型，是从浏览器的角度来观察页面中的元素以及每个元素的属性，由此得出这些元素的一个家族树。通过DOM可以确定元素之间的操作关系（即层次关系）。DOM把html中的所有元素都视为节点。树中的所有节点均可通过 JavaScript 进行访问。所有 HTML 元素（节点）均可被修改，也可以创建或删除节点。操作DOM，即对DOM中的节点进行操作。CSS可以修改DOM中元素的样式属性，从而修改页面本身的布局和外观。
