1. Web標準化的優點
2. 網頁設計標準目標
3. HTML基本架構
4. HTML組成元素
5. CSS基本語法結構
6. 選取器類型：標籤
7. 選取器類型：ID
8. 選取器類型：類別
9. 選取器類型：複合
10. 儲存位置與使用比較
11. 區塊基本元素
12. 選取器優先權
13. 使用區塊設置版面
14. 設計二欄式版面
15. 網頁文字內容結構化
16. 版型圖不切割的運用
17. 定位position
18. 定位的進一步比較
19. 定位運用練習
20. ==== JS =========
21. 認識 JavaScript
22. 第一個JS程式練習

 

14. 設計二欄式版面

目的：目前這個CSS課程教學引導網。

1. 先規劃所需要的區塊架構

2. 將<p>標籤移除

3. HTML標籤架構結果如下

4. CSS面板→新增CSS規則，分別定義如下 (第一階段)

5. 修改CSS規則如下 (第二階段)

 

6. 修改CSS規則 (第三階段). . . . . . . . . . . . . .IE6? IE7?