HTML5CSS3從入門到精通檢視原始碼討論檢視歷史
 |
《HTML5CSS3從入門到精通》，前端科技 著，出版社： 清華大學出版社。
清華大學出版社成立於1980年6月，是教育部主管、清華大學主辦的綜合性大學出版社[1]。清華社先後榮獲 「先進高校出版社」「全國優秀出版社」「全國百佳圖書出版單位」「中國版權最具影響力企業」「首屆全國教材建設獎全國教材建設先進集體」等榮譽[2]。
內容簡介
《HTML5+CSS3從入門到精通（微課精編版）（第2版）》從初學者角度出發，通過通俗易懂的語言、大量的實例，系統講解了HTML5和CSS3的基礎理論和實際應用技術，並進行了深入淺出的分析。本書分為上下兩冊，共29章。上冊為HTML5篇，內容包括HTML5基礎、HTML5文檔、 HTML5文本、HTML5多媒體、HTML5表單、HTML5繪圖、HTML5 SVG矢量圖、HTML5請求動畫和異步處理、HTML5文件操作、HTML5通信、HTML5存儲、HTML5異步請求、HTML5線程、HTML5緩存、HTML5 Web組件、HTML5歷史記錄、HTML5訪問多媒體設備、HTML5訪問傳感器、HTML5訪問位置、HTML5拖放操作、HTML5通知和顯示；下冊為CSS3篇，內容包括CSS3基礎、CSS3文本、CSS3背景、CSS3用戶接口、CSS3布局、CSS3動畫、CSS3媒體查詢和CSS3項目實戰，其中CSS3項目實戰為線上資源。書中所有知識都結合具體實例進行介紹，代碼注釋詳盡，讀者可輕鬆掌握前端技術精髓，提升實際開發能力。
目錄
上冊 · HTML5篇
第1章 HTML5基礎
1.1 HTML5概述
1.1.1 HTML歷史
1.1.2 HTML5起源
1.1.3 HTML5組織
1.1.4 HTML5規則
1.1.5 HTML5特性
1.1.6 瀏覽器支持
1.2 HTML5設計原則
1.2.1 避免不必要的複雜性
1.2.2 支持已有內容
1.2.3 解決實際問題
1.2.4 用戶怎麼使用就怎麼設計規範
1.2.5 優雅地降級
1.2.6 支持的優先級
1.3 HTML5語法特性
1.3.1 文檔和標記
1.3.2 寬鬆的約定
1.4 HTML5 API
1.4.1 新增的API
1.4.2 修改的API
1.4.3 擴展Document
1.4.4 擴展HTMLElement
1.4.5 其他接口擴展
1.4.6 棄用的API
1.5 案例實戰
1.5.1 新建HTML5文檔
1.5.2 比較HTML4和HTML5文檔
1.6 在線支持
第2章 HTML5文檔
2.1 HTML5標籤概述
2.1.1 新增的元素
2.1.2 廢除的元素
2.1.3 新增的屬性
2.1.4 廢除的屬性
2.1.5 新增的事件
2.1.6 事件監聽配置對象
2.2 HTML5全局屬性
2.2.1 內容可編輯
2.2.2 data—自定義屬性
2.2.3 draggable—拖動
2.2.4 hidden—隱藏
2.2.5 語法檢查
2.2.6 翻譯
2.3 HTML5新結構
2.3.1 定義頁眉
2.3.2 定義導航
2.3.3 定義主要區域
2.3.4 定義文章塊
2.3.5 定義區塊
2.3.6 定義附欄
2.3.7 定義頁腳
2.3.8 使用role
2.4 案例實戰
2.5 在線支持
第3章 HTML5文本
3.1 通用文本
3.1.1 標題文本
3.1.2 段落文本
3.2 描述性文本
3.2.1 強調文本
3.2.2 標記細則
3.2.3 特殊格式
3.2.4 定義上標和下標
3.2.5 定義術語
3.2.6 標記代碼
3.2.7 預定義格式
3.2.8 定義縮寫詞
3.2.9 標註編輯或不用文本
3.2.10 指明引用或參考
3.2.11 引述文本
3.2.12 換行顯示
3.2.13 修飾文本
3.2.14 非文本註解
3.3 特殊用途文本
3.3.1 標記高亮顯示
3.3.2 標記進度信息
3.3.3 標記刻度信息
3.3.4 標記時間信息
3.3.5 標記聯繫信息
3.3.6 標記顯示方向
3.3.7 標記換行斷點
3.3.8 標記旁註
3.3.9 標記展開/收縮詳細信息
3.3.10 標記對話框信息
3.4 其他類型文本
3.4.1 超鏈接
3.4.2 有序列表
3.4.3 描述列表
3.4.4 浮動框架
3.4.5 異步執行腳本
3.5 在線支持
第4章 HTML5多媒體
4.1 響應式圖像
4.1.1 定義流內容
4.1.2 使用picture元素
4.1.3 設計橫屏和豎屏顯示
4.1.4 根據分辨率顯示不同圖像
4.1.5 根據格式顯示不同圖像
4.1.6 自適應像素比
4.1.7 自適應視圖寬
4.2 使用插件
4.3 使用音頻和視頻
4.3.1 使用audio元素
4.3.2 使用video元素
4.3.3 視頻同步字幕
4.4 案例實戰
4.5 在線支持
第5章 HTML5表單
5.1 認識HTML5表單
5.2 HTML5新型輸入框
5.2.1 定義E-mail框
5.2.2 定義URL框
5.2.3 定義數字框
5.2.4 定義範圍框
5.2.5 定義日期選擇器
5.2.6 定義搜索框
5.2.7 定義電話號碼框
5.2.8 定義拾色器
5.3 HTML5輸入屬性
5.3.1 定義自動完成
5.3.2 定義自動獲取焦點
5.3.3 定義所屬表單
5.3.4 定義表單重寫
5.3.5 定義高和寬
5.3.6 定義列表選項
5.3.7 定義最小值、最大值和步長
5.3.8 定義多選
5.3.9 定義匹配模式
5.3.10 定義替換文本
5.3.11 定義必填
5.3.12 定義文本區域
5.3.13 定義複選框狀態
5.3.14 獲取文本選取方向
5.3.15 訪問標籤綁定的控件
5.3.16 訪問控件的標籤集
5.4 HTML5新表單元素
5.4.1 定義數據列表
5.4.2 定義密鑰對生成器
5.4.3 定義輸出結果
5.5 HTML5表單屬性
5.5.1 定義自動完成
5.5.2 定義禁止驗證
5.6 案例實戰
5.6.1 設計HTML5表單頁
5.6.2 設計表單驗證
5.7 在線支持
第6章 HTML5繪圖
6.1 使用canvas
6.2 繪製圖形
6.2.1 矩形
6.2.2 路徑
6.2.3 直線
6.2.4 圓弧
6.2.5 二次方曲線
6.2.6 三次方曲線
6.3 定義樣式和顏色
6.3.1 顏色
6.3.2 不透明度
6.3.3 實線
6.3.4 虛線
6.3.5 線性漸變
6.3.6 徑向漸變
6.3.7 圖案
6.3.8 陰影
6.3.9 填充規則
6.4 圖形變形
6.4.1 保存和恢復狀態
6.4.2 清除畫布
6.4.3 移動坐標
6.4.4 旋轉坐標
6.4.5 縮放圖形
6.4.6 變換圖形
6.5 圖形合成
6.5.1 合成
6.5.2 裁切
6.6 繪製文本
6.6.1 填充文字
6.6.2 輪廓文字
6.6.3 文本樣式
6.6.4 測量寬度
6.7 使用圖像
6.7.1 導入圖像
6.7.2 縮放圖像
6.7.3 裁切圖像
6.7.4 平鋪圖像
6.8 像素操作
6.8.1 認識ImageData對象
6.8.2 創建圖像數據
6.8.3 將圖像數據寫入畫布
6.8.4 在畫布中複製圖像數據
6.8.5 保存圖片
6.9 案例實戰
6.10 在線支持
第7章 HTML5 SVG矢量圖
7.1 SVG基礎
7.1.1 SVG發展歷史
7.1.2 SVG特點
7.1.3 在HTML中應用SVG
7.1.4 設計第一個SVG圖形
7.2 使用SVG
7.2.1 矩形
7.2.2 圓形
7.2.3 橢圓
7.2.4 多邊形
7.2.5 直線
7.2.6 折線
7.2.7 路徑
7.2.8 文本
7.2.9 線框樣式
7.2.10 SVG濾鏡
7.2.11 模糊效果
7.2.12 陰影效果
7.2.13 線性漸變
7.2.14 放射漸變
7.3 案例實戰
7.4 在線支持
第8章 HTML5請求動畫和異步處理
8.1 請求動畫
8.1.1 requestAnimationFrame基礎
8.1.2 案例：設計進度條
8.2 異步處理
8.2.1 Promise基礎
8.2.2 創建Promise對象
8.2.3 使用then()方法
8.2.4 隊列化異步操作
8.2.5 異常處理
8.2.6 創建序列
8.2.7 並行處理
8.3 在線支持
第9章 HTML5文件操作
9.1 FileList
9.2 Blob
9.2.1 訪問Blob
9.2.2 創建Blob
9.2.3 截取Blob
9.2.4 保存Blob
9.3 FileReader
9.3.1 讀取文件
9.3.2 事件監測
9.4 ArrayBuffer和ArrayBufferView
9.4.1 使用ArrayBuffer
9.4.2 使用ArrayBufferView
9.4.3 使用DataView
9.5 FileSystem API
9.5.1 認識FileSystem API
9.5.2 訪問FileSystem
9.5.3 申請配額
9.5.4 新建文件
9.5.5 寫入數據
9.5.6 添加數據
9.5.7 讀取數據
9.5.8 複製文件
9.5.9 刪除文件
9.5.10 創建目錄
9.5.11 讀取目錄
9.5.12 刪除目錄
9.5.13 複製目錄
9.5.14 重命名目錄
9.5.15 使用filesystem:URL
9.6 案例實戰
9.7 在線支持
第10章 HTML5通信
10.1 跨文檔發送消息
10.2 消息通道通信
10.3 網絡套接字通信
10.3.1 什麼是Socket
10.3.2 為什麼需要Socket
10.3.3 Socket的歷史
10.3.4 WebSocket基礎
10.3.5 使用WebSocket API
10.3.6 案例：設計簡單的通信
10.3.7 案例：發送JSON信息
10.4 服務器推送事件通信
10.4.1 Server-Sent Events基礎
10.4.2 使用Server-Sent Events
10.5 廣播通道通信
10.6 案例實戰
10.7 在線支持
第11章 HTML5存儲
11.1 Web Storage
11.1.1 使用Web Storage
11.1.2 案例：用戶登錄
11.2 indexedDB
11.2.1 indexedDB概述
11.2.2 建立連接
11.2.3 數據庫版本
11.2.4 對象倉庫
11.2.5 索引
11.2.6 事務
11.2.7 游標
11.2.8 保存數據
11.2.9 訪問數據
11.2.10 更新版本
11.2.11 訪問鍵值
11.2.12 訪問屬性
11.2.13 案例：留言本
11.3 案例實戰
11.4 在線支持
第12章 HTML5異步請求
12.1 XMLHttpRequest 2基礎
12.1.1 XMLHttpRequest 2概述
12.1.2 請求時限
12.1.3 FormData數據對象
12.1.4 上傳文件
12.1.5 跨域訪問
12.1.6 響應不同類型數據
12.1.7 接收二進制數據
12.1.8 監測數據傳輸進度
12.2 Fetch基礎
12.2.1 Fetch概述
12.2.2 使用Fetch
12.2.3 Fetch接口類型
12.3 案例實戰
12.3.1 接收Blob對象
12.3.2 發送Blob對象
12.4 在線支持
第13章 HTML5線程
13.1 Web Workers基礎
13.1.1 Web Workers概述
13.1.2 使用Worker
13.1.3 使用共享線程
13.1.4 使用Inline Worker
13.2 案例實戰
13.2.1 過濾運算
13.2.2 並發運算
13.3 在線支持
第14章 HTML5緩存
14.1 online/offline status API基礎
14.2 Cache API基礎
14.2.1 Cache API概述
14.2.2 使用Cache
14.3 Service Worker基礎
14.3.1 Service Worker概述
14.3.2 使用Service Worker
14.4 案例實戰
14.5 在線支持
第15章 HTML5 Web組件
15.1 HTML5模板
15.1.1 認識template
15.1.2 使用template元素
15.1.3 應用模板
15.2 Shadow DOM組件
15.2.1 認識Shadow DOM
15.2.2 創建Shadow DOM
15.2.3 使用slot元素
15.2.4 設置Shadow DOM樣式
15.2.5 使用slotchange事件
15.3 自定義元素
15.3.1 認識自定義元素
15.3.2 新建自定義元素
15.3.3 派生元素類型
15.3.4 註冊自定義元素
15.3.5 生命周期響應函數
15.3.6 元素升級
15.3.7 派生內置元素類型
15.3.8 自定義元素的屬性
15.3.9 設置自定義元素的內容
15.4 HTML導入
15.5 在線支持
第16章 HTML5歷史記錄
16.1 History API基礎
16.1.1 認識History API
16.1.2 使用History API
16.2 案例實戰
16.2.1 設計無刷新站點導航
16.2.2 設計能回退的畫板
16.3 在線支持
第17章 HTML5訪問多媒體設備
17.1 WebRTC基礎
17.1.1 認識WebRTC
17.1.2 訪問本地設備
17.2 案例實戰
17.2.1 拍照和攝像
17.2.2 錄音並壓縮
17.3 在線支持
第18章 HTML5訪問傳感器
18.1 傳感器API基礎
18.1.1 認識傳感器API
18.1.2 方向事件和移動事件
18.1.3 瀏覽器支持
18.1.4 應用場景
18.2 案例實戰
18.2.1 記錄搖手機的次數
18.2.2 重力測試小遊戲
18.3 在線支持
第19章 HTML5訪問位置
19.1 Geolocation API基礎
19.1.1 Geolocation API應用場景
19.1.2 位置信息來源
19.1.3 位置信息表示方式
19.1.4 獲取位置信息
19.1.5 瀏覽器兼容性
19.1.6 監測位置信息
19.1.7 停止獲取位置信息
19.1.8 保護隱私
19.1.9 處理位置信息
19.1.10 使用position
19.2 案例實戰
19.2.1 定位手機位置
19.2.2 獲取經緯度及其詳細地址
19.2.3 輸入提示查詢位置
19.2.4 從當前位置查詢指定位置路線
19.2.5 記錄行蹤路線
19.3 在線支持
第20章 HTML5拖放操作
20.1 拖放API基礎
20.1.1 定義拖放功能
20.1.2 認識DataTransfer對象
20.2 案例實戰
20.3 在線支持
第21章 HTML5通知和顯示
21.1 通知API
21.1.1 Notification API基礎
21.1.2 案例：設計桌面通知
21.1.3 案例：關閉通知
21.1.4 案例：設計多條通知
21.2 頁面可見API
21.2.1 Page Visibility API基礎
21.2.2 案例：設計視頻頁面
21.3 全屏API
21.3.1 Fullscreen API基礎
21.3.2 案例：設計全屏播放
21.4 在線支持
■下冊 · CSS3篇
第22章 CSS3基礎
22.1 CSS3概述
22.1.1 CSS歷史
22.1.2 CSS3模塊
22.1.3 CSS3特性
22.1.4 瀏覽器兼容性
22.2 CSS3選擇器概述
22.3 使用CSS3選擇器
22.3.1 兄弟選擇器
22.3.2 屬性選擇器
22.3.3 偽類選擇器
22.3.4 偽對象選擇器
22.4 案例實戰
22.5 在線支持
第23章 CSS3文本
23.1 CSS3文本模塊
23.1.1 文本模塊概述
23.1.2 文本溢出
23.1.3 文本換行
23.1.4 書寫模式
23.1.5 initial值
23.1.6 inherit值
23.1.7 unset值
23.1.8 all屬性
23.1.9 opacity屬性
23.1.10 transparent值
23.1.11 currentColor值
23.1.12 rem值
23.1.13 font-size-adjust屬性
23.2 色彩模式
23.2.1 rgba()函數
23.2.2 hsl()函數
23.2.3 hsla()函數
23.3 文本陰影
23.4 動態生成內容
23.5 網絡字體
23.6 案例實戰
23.7 在線支持
第24章 CSS3背景
24.1 背景圖像
24.1.1 設置定位原點
24.1.2 設置裁剪區域
24.1.3 設置背景圖像大小
24.1.4 設置多重背景圖像
24.2 漸變背景
24.2.1 定義線性漸變
24.2.2 定義重複線性漸變
24.2.3 定義徑向漸變
24.2.4 定義重複徑向漸變
24.3 案例實戰
24.3.1 設計條紋
24.3.2 設計紋理
24.3.3 設計折角效果
24.3.4 設計圖標
24.4 在線支持
第25章 CSS3用戶接口
25.1 界面顯示
25.1.1 顯示方式
25.1.2 調整尺寸
25.1.3 縮放比例
25.2 輪廓
25.3 邊框
25.3.1 定義圖像源
25.3.2 定義平鋪方式
25.3.3 定義寬度
25.3.4 定義分割方式
25.3.5 定義擴展
25.3.6 定義圓角
25.4 盒子陰影
25.5 案例實戰
25.6 在線支持
第26章 CSS3布局
26.1 舊版彈性盒
26.1.1 啟動彈性盒
26.1.2 設置寬度
26.1.3 設置順序
26.1.4 設置方向
26.1.5 設置對齊方式
26.2 新版彈性盒
26.2.1 認識Flexbox系統
26.2.2 啟動彈性盒
26.2.3 設置主軸方向
26.2.4 設置行數
26.2.5 設置對齊方式
26.2.6 設置彈性項目
26.3 多列布局
26.3.1 設置列寬
26.3.2 設置列數
26.3.3 設置間距
26.3.4 設置列邊框
26.3.5 設置跨列顯示
26.3.6 設置列高度
26.4 案例實戰
26.5 在線支持
第27章 CSS3動畫
27.1 元素變形
27.2 過渡動畫
27.3 幀動畫
27.4 案例實戰
27.5 在線支持
第28章 CSS3媒體查詢
28.1 媒體查詢基礎
28.2 案例實戰
28.3 在線支持
第29章 CSS3項目實戰
參考文獻
- ↑ 我國出版社的等級劃分和分類標準，知網出書，2021-03-01
- ↑ 企業簡介，清華大學出版社有限公司