网页布局基础-imooc

第1章 课程简介

1-1 课程简介

网页布局：网页制做的基础

• 流式布局

• 浮动布局

• 绝对定位布局
  与三种布局相关的知识点：标准文档流，盒子模型，float属性，position属性

三个案例：

1. 自动居中一列布局案例[盒子模型的使用方法]

2. 浮动布局案例[float属性；解决浮动影响的方法]

3. 绝对定位布局案例[绝对定位实现横向两列或多列布局]

CSS 规定的定位机制有三种，分别是标准文档流、浮动及绝对定位。

第2章 自动居中一列布局

2-1 相关知识点讲解——标准文档流、块级及行级元素等

W3C标准

w3c标准，由万维网联盟制定的一系列标准，包括：结构化标准（html和xml）、表现标准语言（css）、行为标准语言（DOM和ECMAScript） 倡导结构、样式、行为分离。

CSS中的定位机制

3种的定位机制：

• 标准文档流

• 浮动

• 绝对定位。

标准文档流

块级元素

行级元素