W3C标准

由万维网联盟制定的一系列标准，包括：

• 结构化标准语言（HTML和XML）
• 表现标准语言（CSS）
• 行为标准语言（DOM和ECMAScript）

本节只涉及CSS部分

CSS中定位机制

在CSS中，存在3种定位机制

• 标准文档流（Normal flow）
• 浮动（Floats）
• 绝对定位（Absolute positioning）

标准文档流（Normal flow）

特点：

• 从上到下，从左到右，输出文档内容
• 由块级元素和行级元素组成

块级元素

特点：

• 从左到右撑满页面，独占一行
• 触碰到页面页面边缘时，会自动换行

常见块级元素
即块级标签，如：div、ul、li、dl、dt、p……

行级元素

特点：

• 能在同一行内显示
• 不会改变HTML文档结构

常见行级元素
即行级标签，如：span、strong、img、input……

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