HTML5 CSS3網(wǎng)站設(shè)計(jì)基礎(chǔ)教程目錄

時(shí)間：2023-02-11 08:54:02 | 來源：營銷百科

時(shí)間：2023-02-11 08:54:02 來源：營銷百科

HTML5 CSS3網(wǎng)站設(shè)計(jì)基礎(chǔ)教程目錄：目　錄 CONTENTS

第1章　初識HTML5　1

1.1　HTML5概述　1

1.1.1　HTML5發(fā)展歷程　1

1.1.2　HTML5的優(yōu)勢　2

1.1.3　HTML5瀏覽器支持情況　3

1.1.4　創(chuàng)建第一個(gè)HTML5頁面　4

1.2　HTML5基礎(chǔ)　6

1.2.1　HTML5文檔基本格式　6

1.2.2　HTML5語法　7

1.2.3　HTML標(biāo)記　8

1.2.4　標(biāo)記的屬性　10

1.2.5　HTML5文檔頭部相關(guān)標(biāo)記　12

1.3　文本控制標(biāo)記　15

1.3.1　標(biāo)題和段落標(biāo)記　15

1.3.2　文本格式化標(biāo)記　19

1.3.3　特殊字符標(biāo)記　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　列表的嵌套應(yīng)用　41

2.2　結(jié)構(gòu)元素　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發(fā)展歷史　69

3.1.3　CSS3瀏覽器支持情況　70

3.2　CSS核心基礎(chǔ)　71

3.2.1CSS樣式規(guī)則　71

3.2.2　引入CSS樣式表72

3.2.3　CSS基礎(chǔ)選擇器　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　關(guān)系選擇器　110

4.2.1　子代選擇器（）　110

4.2.2　兄弟選擇器（ 、~）　111

4.3　結(jié)構(gòu)化偽類選擇器　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　認(rèn)識盒子模型　134

5.1.2　div標(biāo)記　136

5.1.3　盒子的寬與高　138

5.2　盒子模型相關(guān)屬性　139

5.2.1　邊框?qū)傩浴?39

5.2.2　邊距屬性　148

5.2.3　box-shadow屬性　152

5.3.7　設(shè)置背景圖像的大小　161

5.3.8　設(shè)置背景的顯示區(qū)域　163

5.3.9　設(shè)置背景圖像的裁剪區(qū)域　164

5.3.10　設(shè)置多重背景圖像　166

5.3.11　背景復(fù)合屬性　167

5.4　CSS3漸變屬性　169

5.4.1　線性漸變　169

5.4.2　徑向漸變　171

第6章　浮動(dòng)與定位　180

6.1　元素的浮動(dòng)　180

6.1.1　元素的浮動(dòng)屬性float　180

6.1.2　清除浮動(dòng)　184

6.2　overflow屬性　190

6.3　元素的定位　192

6.3.1　元素的定位屬性　192

6.3.2　靜態(tài)定位static　193

6.3.3　相對定位relative　193

6.3.4　絕對定位absolute　195

6.3.5　固定定位fixed　198

6.3.6　z-index層疊等級屬性　198

第7章　表單的應(yīng)用　211

7.1　認(rèn)識表單　211

7.1.1　表單的構(gòu)成　211

7.1.2　創(chuàng)建表單　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章　多媒體技術(shù)　249

8.1　HTML5多媒體的特性　249

8.2　多媒體的支持條件　250

8.2.1　視頻和音頻編解碼器250

8.2.2　多媒體的格式　251

8.3.3　音、視頻中的source元素　255

8.3.4　調(diào)用網(wǎng)頁多媒體文件　257

8.4　CSS控制視頻的寬高　258

8.5　視頻和音頻的方法和事件　260

8.6　HTML5音、視頻發(fā)展趨勢　262

8.7　階段案例——制作音樂播放界面　262

第9章　CSS3高級應(yīng)用　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　認(rèn)識transform　274

9.2.2　2D轉(zhuǎn)換　275

9.2.3　3D轉(zhuǎn)換　282

9.3　動(dòng)畫　287

9.3.1　@keyframes　287

9.3.2　animation-name屬性　288

第10章　實(shí)戰(zhàn)開發(fā)——制作電商網(wǎng)站首頁　308

10.1　準(zhǔn)備工作　309

10.2　首頁面詳細(xì)制作　314^[1]