網頁佈局基礎-imooc

第1章 課程簡介

1-1 課程簡介

網頁佈局：網頁製做的基礎

• 流式佈局

• 浮動佈局

• 絕對定位佈局
  與三種佈局相關的知識點：標準文檔流，盒子模型，float屬性，position屬性

三個案例：

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

2. 浮動佈局案例[float屬性；解決浮動影響的方法]

3. 絕對定位佈局案例[絕對定位實現橫向兩列或多列布局]

CSS 規定的定位機制有三種，分別是標準文檔流、浮動及絕對定位。

第2章 自動居中一列布局

2-1 相關知識點講解——標準文檔流、塊級及行級元素等

W3C標準

w3c標準，由萬維網聯盟制定的一系列標準，包括：結構化標準（html和xml）、表現標準語言（css）、行爲標準語言（DOM和ECMAScript） 倡導結構、樣式、行爲分離。

CSS中的定位機制

3種的定位機制：

• 標準文檔流

• 浮動

• 絕對定位。

標準文檔流

塊級元素

行級元素