《HTML5+CSS3網站設計基礎教程》是Web前端開發工程師的入門讀物，本書配套有PPT、課程設計、教學視頻、課後練習及答案等學習資源，合適初學者學習。

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等新技術制作一個炫麗的網頁。
本書附有配套視頻、源代碼、習題、教學課件等資源，而且為了幫助初學者更好地學習本書講解的內容，還提供了在線答疑，希望得到更多讀者的關注。
本書繫統地講解了HTML5和CSS3的基礎理論和實際應用技術，適合沒有基礎的讀者進行學習。本書既可作為高等院校本、專科相關專業的網頁設計與制作課程的教材，也可作為前端與移動開發的培訓教材，對於廣大網站開發人員來說，更是一本不可多得的閱讀與參考的優秀讀物。

傳智播客成立於2006年，它是由中國Java培訓第*人張孝祥老師發起，聯合全球*大的中文IT社區CSDN、中關村軟件園共同創辦的一家專業教育機構。辦學至今，傳智播客已成立10年，在這10年期間，我們一直堅守著“為千萬人少走彎路而著書，為中華軟件之崛起而講課”的辦學理念，堅持培養優秀軟件應用工程師的宏偉目標，在累計培養的十萬餘名學員中，其中90%的學員均已在北、上、廣等一線城市高薪就業，特別是“黑馬程序員”的平均就業薪資已達到8K以上。為了迎合軟件市場的需求，8年期間，我們陸續開設了Java、網頁平面、PHP、.Net、iOS、C/C++六個專業方向的課程，並且未來將逐漸開設其他專業方向的課程。隨著傳智播客的日益壯大，除了北京總部，我們在上海、廣州、武漢、成都、深圳等地也創立了直營分支機構，傳智播客儼然已成為了國內*具專業口碑的IT教育機構。

第1章初識HTML51
1．1HTML5概述1
1．1．1HTML5發展歷程1
1．1．2HTML5的優勢2
1．1．3HTML5瀏覽器支持情況3
1．1．4創建第一個HTML5頁面4
1．2HTML5基礎6
1．2．1HTML5文檔基本格式6
1．2．2HTML5語法7
1．2．3HTML標記8
1．2．4標記的屬性10
1．2．5HTML5文檔頭部相關標記12
1．3文本控制標記15
1．3．1標題和段落標記15
1．3．2文本格式化標記19
1．3．3特殊字符標記21

第2章HTML素及屬性37
2．1素37
2．1．1素37
2．1．2素38
2．1．3素40
2．1．4列表的嵌套應用41
2．2素42
2．2．1hea素42
2．2．2素43
2．2．3arti素44
2．2．4as素45
2．2．5sect素46
2．2．6foo素47
2．3素48
2．3．1fig素和figcapt素48
2．3．2hgr素49
2．4頁素51
2．4．1deta素和summ素51

第3章CSS3入門68
3．1CSS3簡介68
3．1．1CSS概述68
3．1．2CSS3發展歷史69
3．1．3CSS3瀏覽器支持情況70
3．2CSS核心基礎71
3．2．1CSS樣式規則71
3．2．2引入CSS樣式表72
3．2．3CSS基礎選擇器77
3．3文本樣式屬性82
3．3．1字體樣式屬性82

第4章CSS3選擇器106
4．1屬性選擇器106
4．1．1E[att^=value]屬性選擇器106
4．1．2E[att$=value]屬性選擇器108
4．1．3E[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標記136
5．1．3盒子的寬與高138
5．2盒子模型相關屬性139
5．2．1邊框屬性139
5．2．2邊距屬性148
5．2．3box-shadow屬性152
5．3．7設置背景圖像的大小161
5．3．8設置背景的顯示區域163
5．3．9設置背景圖像的裁剪區域164
5．3．10設置多重背景圖像166
5．3．11背景復合屬性167
5．4CSS3漸變屬性169
5．4．1線性漸變169
5．4．2徑向漸變171

第6章浮動與定位180
6素的浮動180
6．1素的浮動屬性float180
6．1．2清除浮動184
6．2overflow屬性190
6素的定位192
6．3素的定位屬性192
6．3．2靜態定位static193
6．3．3相對定位relative193
6．3．4絕對定位absolute195
6．3．5固定定位fixed198
6．3．6z-index層疊等級屬性198

第7章表單的應用211
7．1認識表單211
7．1．1表單的構成211
7．1．2創建表單212
7．2表單屬性213
7．3in素及屬性215
7．3．1in素的type屬性216
7．3．2in素的其他屬性224
7．4其素231
7．4．1texta素231
7．4．2sel素232

第8章多媒體技術249
8．1HTML5多媒體的特性249
8．2多媒體的支持條件250
8．2．1視頻和音頻編解碼器250
8．2．2多媒體的格式251
8．3．3音、視頻中的sou素255
8．3．4調用網頁多媒體文件257
8．4CSS控制視頻的寬高258
8．5視頻和音頻的方法和事件260
8．6HTML5音、視頻發展趨勢262
8．7階段案例——制作音樂播放界面262

第9章CSS3高級應用269
9．1過渡269
9．1．1transition-property屬性269
9．1．2transition-duration屬性271
9．1．3transition-timing-function屬性272
9．1．4transition-delay屬性274
9．1．5transition屬性274
9．2變形274
9．2．1認識transform274
9．2．22D轉換275
9．2．33D轉換282
9．3動畫287
9．3．1@keyframes287
9．3．2animation-name屬性288

第10章實戰開發——制作電商網站首頁308
10．1準備工作309
10．2首頁面詳細制作314