瘋狂HTML 5/CSS 3/JavaScript講義

第一部分
第1章 HTML 5簡(jiǎn)介
　1.1 HTML歷史與HTML 5
　　1.1.1 HTML發(fā)展歷史
　　1.1.2 HTML 4.01和XHTML
　　1.1.3 HTML和XHTML的文檔類型定義（DTD）
　　1.1.4 從XHTML到HTML 5
　1.2 HTML 5的優(yōu)勢(shì)
　　1.2.1 解決跨瀏覽器問(wèn)題
　　1.2.2 部分代替了原來(lái)的JavaScript
　　1.2.3 更明確的語(yǔ)義支持
　　1.2.4 增強(qiáng)了Web應(yīng)用程序的功能
　1.3 HTML 5的基本結(jié)構(gòu)和語(yǔ)法變化
　　1.3.1 HTML 5基本結(jié)構(gòu)
　　1.3.2 HTML 5的語(yǔ)法變化
　1.4 本章小結(jié)
第2章　HTML 5的常用元素與屬性
　2.1 HTML 5保留的常用元素
　　2.1.1 基本元素
　　2.1.2 文本格式化元素
　　2.1.3 語(yǔ)義相關(guān)元素
　　2.1.4 超鏈接和錨點(diǎn)
　　2.1.5 列表相關(guān)元素
　　2.1.6 圖像相關(guān)元素
　　2.1.7 表格相關(guān)元素
　　2.1.8 框架相關(guān)元素
　2.2 HTML 5新增的通用屬性
　　2.2.1 contentEditable屬性
　　2.2.2 designMode屬性
　　2.2.3 hidden屬性
　　2.2.4 spellcheck屬性
　2.3 HTML 5新增的常用元素
　　2.3.1 文檔結(jié)構(gòu)元素
　　2.3.2 語(yǔ)義相關(guān)元素
　　2.3.3 兩個(gè)特殊功能的元素
　2.4 HTML 5頭部和元信息
　2.5 HTML 5新增的拖放API
　　2.5.1 啟動(dòng)拖動(dòng)
　　2.5.2 接受“放”
　　2.5.3 DataTransfer對(duì)象
　　2.5.4 拖放行為
　　2.5.5 改變拖放圖標(biāo)
　2.6 本章小結(jié)
第章　HTML 5表單相關(guān)元素和屬性
　　3.1 HTML原有的表單及表單控件
　　3.1.1 表單元素
　　3.1.2 使用input元素
　　3.1.3 使用label定義標(biāo)簽
　　3.1.4 使用button定義按鈕
　　3.1.5 列表框和下拉菜單
　　3.1.6 使用textarea定義文本域
　3.2 HTML 5新增的屬性與元素
　　3.2.1 HTML 5為表單控件新增的屬性
　　3.2.2 功能豐富的input元素
　　3.2.3 HTML 5新增的表單控件
　3.3 HTML 5增強(qiáng)的文件上傳域
　　3.3.1 FileList對(duì)象與File對(duì)象
　　3.3.2 使用FileReader讀取文件內(nèi)容
　3.4 HTML 5新增的客戶端校驗(yàn)
　　3.4.1 使用校驗(yàn)屬性執(zhí)行校驗(yàn)
　　3.4.2 調(diào)用checkValidity方法進(jìn)行校驗(yàn)
　　3.4.3 自定義錯(cuò)誤提示
　　3.4.4 關(guān)閉校驗(yàn)
　3.5 本章小結(jié)
第4章　HTML 5的繪圖支持
　4.1 使用canvas元素
　4.2 繪圖
　　4.2.1 canvas繪圖基礎(chǔ)：CanvasRenderingContext2D
　　4.2.2 繪制幾何圖形
　　4.2.3 繪制字符串
　　4.2.4 設(shè)置陰影
　　4.2.5 使用路徑
　　4.2.6 繪制曲線
　　4.2.7 繪制位圖
　4.3 圖形特效處理
　　4.3.1 使用坐標(biāo)變換
　　4.3.2 坐標(biāo)變換與路徑結(jié)合使用
　　4.3.3 使用矩陣變換
　4.4 控制疊加風(fēng)格
　4.5 控制填充風(fēng)格
　　4.5.1 線性漸變
　　4.5.2 圓形漸變
　　4.5.3 位圖填充
　4.6 位圖處理
　　4.6.1 位圖裁剪
　　4.6.2 像素處理
　4.7 輸出位圖
　4.8 本章小結(jié)
第5章　HTML 5的多媒體支持
　5.1 使用audio和video元素
　5.2 使用JavaScript腳本控制媒體播放
　　5.2.1 HTMLAudioElement與HTMLVideoElement支持的方法
　　5.2.2 HTMLAudioElement與HTMLVideoElement的屬性
　5.3 事件監(jiān)聽
　　5.3.1 事件
　　5.3.2 監(jiān)聽器
　5.4 本章小結(jié)
第二部分
第6章　級(jí)聯(lián)樣式單與CSS選擇器
　6.1 樣式單概述
　　6.1.1 CSS概述
　　6.1.2 CSS的發(fā)展歷史
　6.2 CSS樣式單的基本使用
　　6.2.1 引入外部樣式文件
　　6.2.2 導(dǎo)入外部樣式單
　　6.2.3 使用內(nèi)部CSS樣式
　　6.2.4 使用內(nèi)聯(lián)樣式
　6.3 CSS選擇器
　　6.3.1 元素選擇器
　　6.3.2 屬性選擇器
　　6.3.3 ID選擇器
　　6.3.4 class選擇器
　　6.3.5 包含選擇器
　　6.3.6 子選擇器
　　6.3.7 CSS 3新增的兄弟選擇器
　　6.3.8 選擇器組合
　6.4 偽元素選擇器
　　6.4.1 內(nèi)容相關(guān)的屬性
　　6.4.2 插入圖像
　　6.4.3 只插入部分元素
　　6.4.4 配合quotes屬性執(zhí)行插入
　　6.4.5 配合counter-increment屬性添加編號(hào)
　　6.4.6 使用自定義編號(hào)
　　6.4.7 添加多級(jí)編號(hào)
　6.5 CSS 3.0新增的偽類選擇器
　　6.5.1 結(jié)構(gòu)性偽類選擇器
　　6.5.2 UI元素狀態(tài)偽類選擇器
　　6.5.3 瀏覽器專屬的屬性
　　6.5.4 ：not和：target
　6.6 在腳本中修改顯示樣式
　　6.6.1 隨機(jī)改變頁(yè)面的背景色
　　6.6.2 動(dòng)態(tài)增加立體效果
　6.7 本章小結(jié)
第7章　字體與文本相關(guān)屬性
　7.1 字體相關(guān)屬性
　　7.1.1 添加陰影
　　7.1.2 添加多個(gè)陰影
　　7.1.3 使用font-size-adjust屬性微調(diào)字體大小
　7.2 CSS 3支持的顏色表示方法
　7.3 文本相關(guān)屬性
　　7.3.1 文本自動(dòng)換行：word-break
　　7.3.2 長(zhǎng)單詞和URL地址換行
　7.4 CSS 3新增的服務(wù)器字體
　　7.4.1 使用服務(wù)器字體
　　7.4.2 定義粗體、斜體字
　　7.4.3 優(yōu)先使用客戶端字體
　7.5 本章小結(jié)
第8章　背景、邊框和補(bǔ)丁相關(guān)屬性
　8.1 背景相關(guān)屬性
　　8.1.1 背景圖片固定
　　8.1.2 CSS 3新增的背景相關(guān)屬性
　　8.1.3 CSS 3新增的多背景圖片
　8.2 邊框相關(guān)屬性
　　8.2.1 CSS 3提供的漸變邊框
　　8.2.2 CSS 3提供的圓角邊框
　　8.2.3 CSS 3提供的圖片邊框
　8.3 補(bǔ)丁相關(guān)屬性
　　8.3.1 內(nèi)補(bǔ)丁相關(guān)屬性
　　8.3.2 外補(bǔ)丁相關(guān)屬性
　8.4 本章小結(jié)
第9章　大小、定位、輪廓相關(guān)屬性
　9.1 大小相關(guān)屬性
　　9.1.1 CSS 3新增的box-sizing屬性
　　9.1.2 CSS 3新增的resize屬性
　9.2 定位相關(guān)屬性
　9.3 輪廓相關(guān)屬性
　9.4 本章小結(jié)
第10章　盒模型與布局相關(guān)屬性
　10.1 布局相關(guān)屬性
　　10.1.1 通過(guò)float屬性實(shí)現(xiàn)多欄布局
　　10.1.2 使用clear屬性實(shí)現(xiàn)換行
　　10.1.3 使用clip屬性控制裁剪
　　10.1.4 控制組件的滾動(dòng)條
　10.2 盒模型和display屬性
　　10.2.1 兩種最基本的盒模型
　　10.2.2 none值
　　10.2.3 inline-block盒模型
　　10.2.4 inline-table盒模型
　　10.2.5 表格相關(guān)的盒模型
　　10.2.6 list-item盒模型
　　10.2.7 run-in盒模型
　10.3 對(duì)盒添加陰影
　　10.3.1 使用box-shadow屬性
　　10.3.2 對(duì)表格及單元格添加陰影
　10.4 CSS 3的多欄布局
　　10.4.1 CSS 3新增的分欄功能
　　10.4.2 使用盒模型實(shí)現(xiàn)多欄布局
　10.5 本章小結(jié)
第11章　表格、列表相關(guān)屬性及media query
　11.1 表格相關(guān)屬性
　11.2 列表相關(guān)屬性
　11.3 控制光標(biāo)的屬性
　11.4 media query功能
　　11.4.1 media query語(yǔ)法
　　11.4.2 針對(duì)瀏覽器寬度調(diào)整布局
　11.5 本章小結(jié)
第12章　變形與動(dòng)畫相關(guān)屬性
　12.1 CSS 3提供的變形支持
　　12.1.1 4種基本變形
　　12.1.2 同時(shí)應(yīng)用多種變形
……