課程前導
課程概述
HTML和CSS概述
開發環境準備
第一個網頁
語意化
文字元素
HTML實體
a元素
路徑的寫法
圖片元素
多媒體元素
列表元素
容器元素
元素包含關係
簡短而重要的一節
為網頁新增樣式
常見樣式聲明
選擇器
層疊
繼承
屬性值的計算過程
盒模型
盒模型應用
行盒盒模型
常規流
常規流練習
浮動
浮動練習
定位
定位練習1 - 二級菜單
定位練習2-彈出層
定位練習3-輪播圖
更多的選擇器
更多的樣式
背景圖練習
iframe元素
在頁面中使用flash
表單元素
美化表單元素
表單練習
表格元素
其他元素
@規則
web字體和圖標
區塊級格式化上下文
佈局
[擴充]浮動的細節規則
[擴展]行高的取值
[擴充]body的背景
行盒的垂直對齊
[擴展]參考線-深入理解字體
堆疊上下文
[擴展]svg
[擴展]數據鏈接
瀏覽器相容性
居中總結
樣式補充
[重要]專案開發注意事項
工程搭建
製作頁面頭部
登入註冊區域
橫幅區域
熱點
豆瓣時間和視頻
豆瓣電影
小組和讀書
豆瓣音樂
豆品和同城
頁尾-完結撒花
結語
HTML中常用標籤的使用; CSS樣式控制 簡單CSS3動畫效果 頁面中常見版面配置案例(如:導覽…)