從零開始學HTML5+CSS3

前言
第1章  HTML 5 + CSS 3學習準備
1.1  學習準備    3
1.1.1  選擇合適的瀏覽器    3
1.1.2  選擇合適的開發(fā)工具    3
1.2  HTML 5——新一代HTML標準    3
1.2.1  HTML 5語法    4
1.2.2  新增與廢除的元素和屬性    5
1.2.3  全局屬性    10
1.2.4  HTML 5中新增的API    13
測試題    14
本章小結    14
第2章  HTML元素、屬性與結構
2.1  HTML 元素    17
2.1.1  HTML元素概述    17
2.1.2  HTML元素的語法    17
2.1.3  HTML元素的嵌套    18
2.2  HTML 5屬性    19
2.2.1  屬性的基本使用方法    19
2.2.2  HTML 5全局屬性    19
2.3  新增的主體結構元素    26
2.3.1  article元素    26
2.3.2  section元素    27
2.3.3  nav元素    28
2.3.4  aside元素    28
2.3.5  time元素    30
2.4  新增的非主體結構元素    31
2.4.1  header元素    31
2.4.2  hgroup元素    32
2.4.3  footer元素    32
2.4.4  address元素    33
2.5  HTML 5結構    33
2.5.1  文檔結構大綱    33
2.5.2  內(nèi)容區(qū)塊的編排方式    33
2.5.3  標題分級    34
測試題    34
本章小結    35
第3章  HTML 5音頻和視頻
3.1  Web視頻的標準與格式    38
3.2  video/audio元素概述    38
3.3  檢測瀏覽器是否支持HTML 5視頻    39
3.4  實例：在HTML 5中顯示視頻/音頻    40
3.5  video元素與audio元素詳解    42
3.5.1  video/audio屬性    42
3.5.2  video/audio方法    44
3.5.3  video/audio事件    45
測試題    47
本章小結    47
第4章  HTML 5 Canvas
4.1  Canvas基礎入門    50
4.1.1  什么是Canvas    50
4.1.2  實例：在HTML 5頁面中添加Canvas元素    50
4.1.3  實例：繪制一個藍色的矩形    51
4.2  繪制基本線條    52
4.2.1  實例：繪制直線    52
4.2.2  實例：繪制二次曲線    53
4.2.3  實例：繪制貝塞爾曲線    54
4.2.4  實例：繪制圓弧    55
4.3  繪制簡單形狀    56
4.3.1  實例：繪制圓形    56
4.3.2  實例：繪制三角形    57
4.3.3  實例：繪制圓角矩形    58
4.3.4  實例：繪制自定義圖形    60
4.4  繪制漸變    61
4.4.1  實例：繪制線性漸變    61
4.4.2  實例：繪制徑向漸變    62
4.5  圖形組合    64
4.5.1  實例：繪制陰影    64
4.5.2  實例：透明效果    65
4.6  使用圖像    66
4.6.1  實例：插入圖像    66
4.6.2  實例：平鋪圖像    67
4.6.3  實例：裁剪圖像    68
4.6.4  實例：像素級操作    70
4.7  繪制文字    71
4.7.1  實例：控制文本的字體、大小和樣式    71
4.7.2  實例：控制文本的顏色    73
4.7.3  實例：描繪文本的邊緣    74
4.7.4  實例：設置文本對齊方式    75
4.8  圖像數(shù)據(jù)與URL    76
4.8.1  存儲圖像數(shù)據(jù)    76
4.8.2  將彩色轉(zhuǎn)為灰度    77
4.8.3  圖像數(shù)據(jù)URL    78
4.8.4  將繪制的圖形保存為圖像文件    79
4.9  用Canvas實現(xiàn)動畫效果    80
4.9.1  實例：清除Canvas的內(nèi)容    80
4.9.2  實例：創(chuàng)建動畫    81
4.9.3  動畫的開始與停止    83
4.10  實戰(zhàn)演練    83
測試題    88
本章小結    88
第5章  HTML 5 SVG
5.1  SVG簡介    91
5.1.1  什么是SVG    91
5.1.2  SVG有哪些優(yōu)勢    91
5.2  HTML 5中的SVG    91
5.2.1  實例：將SVG直接嵌入HTML 5頁面    92
......