CSS中存在三种定位机制之一:
标准文档流
从左到右，从上到下，输出文档内容。
由块级元素和行级元素组成。
块级元素:从左到右撑满页面，独占一行，触碰到页面边缘时会自动换行。常见块级标签:div、ul、li、dl、dt、p...
行级元素:不独占一行。常见行级标签如span、strong、img、input....
块级元素和行级元素都是盒子模型。
盒子模型是网页布局的基石，由四部分组成:边框(border)、外边距(margin)、内边距(padding)、盒子中的内容(content)。
样式表有行内样式、内部样式、外部样式。按照就近原则产生作用。因此行内>内部>外部样式。
盒子模型尺寸=外边距+边框+内边距+内容尺寸
盒子3D模型:分五层 从上到下为:border content+padding backgrounf-image background-color margin