web前端技术学习之网页布局基础

W3C标准：

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

倡导结构，样式，行为分离。

CSS存在3种定位机制：

标准文档流（Nomal flow）
特点：从左向右从上向下输出文档内容。由块级元素和行级元素组成。

• 块级元素（如div，ul，li，ol，h1-6，dl，dt，p）
  从左到右撑满页面，独占一行。触碰到页面边缘时，会自动换行。
• 行级元素（如span，strong，input，img）
  能在同一行内显示，不会改变HTML文档结构。

块级元素和行级元素都是盒子模型（网页布局的基石）

浮动定位（Floats）

绝对定位（Absolute positioning）