基本信息
【作者】 | 傳智播客高教產品研發部 | 【編輯】 | 范博濤 |
【ISBN】 | 978-7-115-41064-1 | 【日期】 | 2016-03 |
【版次】 | 1 | 【印次】 | 1 |
【頁數】 | 341頁 | 【字數】 | 566千字 |
【開本】 | 16 | 【定價】 | 45元 |
圖書簡介
HTML5與CSS3是下一代Web套用技術的基礎,使網際網路進入了一個嶄新的時代。本書從HTML5和CSS3的基礎知識入手,重點講解HTML5和CSS3新增功能和最新前端技術,通過大量實例對HTML5和CSS3進行深入淺出的分析,使讀者在學習技術的同時,掌握Web開發和設計的精髓,提高綜合套用能力。
本書共10章,第1~2章主要講解HTML5的基礎知識,包括HTML5的發展歷史、HTML5的優勢及瀏覽器支持情況、HTML5語法及文檔基本格式、HTML5的頁面元素及屬性等。第3~4章主要講解CSS3入門及CSS3選擇器,包括CSS3發展歷史、CSS3瀏覽器支持情況、文本樣式屬性、屬性選擇器、關係選擇器、偽類選擇器等。第5~7章分別講解盒子模型、元素的浮動與定位、表單的套用,它們是學習網頁布局的核心。第8章主要講解多媒體技術,包括HTML5多媒體的特性、多媒體的支持條件,以及如何在HTML 5中創建音頻和視頻。第9章講解CSS3的高級套用,包括變形、過渡和動畫等。第10章為實訓項目,帶領讀者使用HTML5和CSS3等新技術製作一個炫麗的網頁。
目錄
目 錄 CONTENTS
第1章 初識HTML5 1
1.1 HTML5概述 1
1.1.1 HTML5發展歷程 1
1.1.2 HTML5的優勢 2
1.1.3 HTML5瀏覽器支持情況 3
1.1.4 創建第一個HTML5頁面 4
1.2 HTML5基礎 6
1.2.1 HTML5文檔基本格式 6
1.2.2 HTML5語法 7
1.2.3 HTML標記 8
1.2.4 標記的屬性 10
1.2.5 HTML5文檔頭部相關標記 12
1.3 文本控制標記 15
1.3.1 標題和段落標記 15
1.3.2 文本格式化標記 19
1.3.3 特殊字元標記 21
第2章 HTML5頁面元素及屬性 37
2.1 列表元素 37
2.1.1 ul元素 37
2.1.2 ol元素 38
2.1.3 dl元素 40
2.1.4 列表的嵌套套用 41
2.2 結構元素 42
2.2.1 header元素 42
2.2.2 nav元素 43
2.2.3 article元素 44
2.2.4 aside元素 45
2.2.5 section元素 46
2.2.6 footer元素 47
2.3 分組元素 48
2.3.1 figure元素和figcaption元素 48
2.3.2 hgroup元素 49
2.4 頁面互動元素 51
2.4.1 details元素和summary元素 51
第3章 CSS3入門 68
3.1 CSS3簡介 68
3.1.1 CSS概述 68
3.1.2 CSS3發展歷史 69
3.1.3 CSS3瀏覽器支持情況 70
3.2 CSS核心基礎 71
3.2.1 CSS樣式規則 71
3.2.2 引入CSS樣式表 72
3.2.3 CSS基礎選擇器 77
3.3 文本樣式屬性 82
3.3.1 字型樣式屬性 82
第4章 CSS3選擇器 106
4.1 屬性選擇器 106
4.1.1 E[att^=value]屬性選擇器 106
4.1.2 E[att$=value]屬性選擇器 108
4.1.3 E[att*=value]屬性選擇器 109
4.2 關係選擇器 110
4.2.1 子代選擇器() 110
4.2.2 兄弟選擇器(+、~) 111
4.3 結構化偽類選擇器 113
4.3.1 :root選擇器 113
4.3.2 :not選擇器 115
4.3.3 :only-child?選擇器 116
4.3.4 :first-child和:last-child選擇器 117
4.3.5 :nth-child(n)和:nth-last-child(n)
選擇器 118
4.3.6 :nth-of-type(n)和:nth-last-of-type(n)
第5章 CSS盒子模型 134
5.1 盒子模型概述 134
5.1.1 認識盒子模型 134
5.1.2 div標記 136
5.1.3 盒子的寬與高 138
5.2 盒子模型相關屬性 139
5.2.1 框線屬性 139
5.2.2 邊距屬性 148
5.2.3 box-shadow屬性 152
5.3.7 設定背景圖像的大小 161
5.3.8 設定背景的顯示區域 163
5.3.9 設定背景圖像的裁剪區域 164
5.3.10 設定多重背景圖像 166
5.3.11 背景複合屬性 167
5.4 CSS3漸變屬性 169
5.4.1 線性漸變 169
5.4.2 徑向漸變 171
第6章 浮動與定位 180
6.1 元素的浮動 180
6.1.1 元素的浮動屬性float 180
6.1.2 清除浮動 184
6.2 overflow屬性 190
6.3 元素的定位 192
6.3.1 元素的定位屬性 192
6.3.2 靜態定位static 193
6.3.3 相對定位relative 193
6.3.4 絕對定位absolute 195
6.3.5 固定定位fixed 198
6.3.6 z-index層疊等級屬性 198
第7章 表單的套用 211
7.1 認識表單 211
7.1.1 表單的構成 211
7.1.2 創建表單 212
7.2 表單屬性 213
7.3 input元素及屬性 215
7.3.1 input元素的type屬性 216
7.3.2 input元素的其他屬性 224
7.4 其他表單元素 231
7.4.1 textarea元素 231
7.4.2 select元素 232
第8章 多媒體技術 249
8.1 HTML5多媒體的特性 249
8.2 多媒體的支持條件 250
8.2.1 視頻和音頻編解碼器 250
8.2.2 多媒體的格式 251
8.3.3 音、視頻中的source元素 255
8.3.4 調用網頁多媒體檔案 257
8.4 CSS控制視頻的寬高 258
8.5 視頻和音頻的方法和事件 260
8.6 HTML5音、視頻發展趨勢 262
8.7 階段案例——製作音樂播放界面 262
第9章 CSS3高級套用 269
9.1 過渡 269
9.1.1 transition-property屬性 269
9.1.2 transition-duration屬性 271
9.1.3 transition-timing-function屬性 272
9.1.4 transition-delay屬性 274
9.1.5 transition屬性 274
9.2 變形 274
9.2.1 認識transform 274
9.2.2 2D轉換 275
9.2.3 3D轉換 282
9.3 動畫 287
9.3.1 @keyframes 287
9.3.2 animation-name屬性 288
第10章 實戰開發——製作電商網站首頁 308
10.1 準備工作 309
10.2 首頁面詳細製作 314