CSS学习笔记:三种定位机制之一标准文档流

CSS中存在三种定位机制之一:

标准文档流

      从左到右，从上到下，输出文档内容。

      由块级元素和行级元素组成。

      块级元素:从左到右撑满页面，独占一行，触碰到页面边缘时会自动换行。常见块级标签:div、ul、li、dl、dt、p...

      行级元素:不独占一行。常见行级标签如span、strong、img、input....

      块级元素和行级元素都是盒子模型。

      盒子模型是网页布局的基石，由四部分组成:边框(border)、外边距(margin)、内边距(padding)、盒子中的内容(content)。

      样式表有行内样式、内部样式、外部样式。按照就近原则产生作用。因此行内>内部>外部样式。

      盒子模型尺寸=外边距+边框+内边距+内容尺寸

      盒子3D模型:分五层 从上到下为:border content+padding  backgrounf-image background-color  margin