HTML5+CSS3网站设计基础教程PDF|Epub|txt|kindle电子书版本网盘下载

HTML5+CSS3网站设计基础教程PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 初识HTML51

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 标g记的属性10

1.2.5 HTML5文档头部相关标记12

1.3 文本控制标记15

1.3.1 标题和段落标记15

1.3.2 文本格式化标记19

1.3.3 特殊字符标记21

1.4 图像标记21

1.4.1 常用图像格式21

1.4.2 图像标记＜img/＞22

1.4.3 绝对路径和相对路径26

1.5 超链接标记27

1.5.1 创建超链接27

1.5.2 锚点链接28

1.6 阶段案例——制作HTML5百科页面30

1.6.1 分析效果图31

1.6.2 制作页面31

1.6.3 制作页面链接34

本章小结35

动手实践35

第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

2.4.2 progress元素52

2.4.3 meter元素53

2.5 文本层次语义元素54

2.5.1 time元素54

2.5.2 mark元素55

2.5.3 cite元素56

2.6 全局属性57

2.6.1 draggable属性57

2.6.2 hidden属性58

2.6.3 spellcheck属性58

2.6.4 contenteditable属性59

2.7 阶段案例——制作电影影评网59

2.7.1 分析效果图61

2.7.2 制作页面61

本章小结66

动手实践67

第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

3.3.2 文本外观属性87

3.4 CSS高级特性96

3.4.1 CSS层叠性和继承性96

3.4.2 CSS优先级98

3.5 阶段案例——制作服装推广软文102

3.5.1 分析效果图102

3.5.2 制作页面结构102

3.5.3 定义CSS样式103

本章小结105

动手实践105

第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）选择器119

4.3.7 ：empty选择器121

4.3.8 :target选择器122

4.4 伪元素选择器123

4.4.1 ：before选择器123

4.4.2 ：after选择器124

4.5 链接伪类125

4.6 阶段案例——制作网页设计软件列表126

4.6.1 分析效果图127

4.6.2 制作页面结构128

4.6.3 定义CSS样式130

本章小结132

动手实践133

第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.2.4 box-sizing属性153

5.3 背景属性155

5.3.1 设置背景颜色155

5.3.2 设置背景图像156

5.3.3 背景与图片不透明度的设置156

5.3.4 设置背景图像平铺158

5.3.5 设置背景图像的位置158

5.3.6 设置背景图像固定160

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

5.4.3 重复渐变172

5.5 阶段案例——制作音乐排行榜174

5.5.1 分析效果图175

5.5.2 制作页面结构175

5.5.3 定义CSS样式176

本章小结178

动手实践178

第6章 浮动与定位180

6.1 元素的浮动180

6.1.1 元素的浮动属性float180

6.1.2 清除浮动184

6.2 overflow属性190

6.3 元素的定位192

6.3.1 元素的定位属性192

6.3.2 静态定位static193

6.3.3 相对定位relative193

6.3.4 绝对定位absolute195

6.3.5 固定定位fixed198

6.3.6 z-index层叠等级属性198

6.4 元素的类型与转换198

6.4.1 元素的类型198

6.4.2 ＜span＞标记201

6.4.3 元素的转换202

6.5 阶段案例——制作网页焦点图204

6.5.1 分析效果图205

6.5.2 制作页面结构205

6.5.3 定义CSS样式206

本章小结209

动手实践209

第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

7.4.3 datalist元素236

7.4.4 keygen元素237

7.4.5 output元素238

7.5 CSS控制表单样式239

7.6 阶段案例——制作信息登记表241

7.6.1 分析效果图242

7.6.2 制作页面结构243

7.6.3 定义CSS样式245

本章小结247

动手实践247

第8章 多媒体技术249

8.1 HTML5多媒体的特性249

8.2 多媒体的支持条件250

8.2.1 视频和音频编解码器250

8.2.2 多媒体的格式251

8.2.3 支持视频和音频的浏览器251

8.3 嵌入视频和音频252

8.3.1 在HTML5中嵌入视频252

8.3.2 在HTML5中嵌入音频254

8.3.3 音、视频中的source元素255

8.3.4 调用网页多媒体文件257

8.4 CSS控制视频的宽高258

8.5 视频和音频的方法和事件260

8.6 HTML5音、视频发展趋势262

8.7 阶段案例——制作音乐播放界面262

8.7.1 分析效果图263

8.7.2 制作页面结构263

8.7.3 定义CSS样式264

本章小结267

动手实践267

第9章 CSS3高级应用269

9.1 过渡269

9.1.1 transition-proper269

属性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 认识transform274

9.2.2 2D转换275

9.2.3 3D转换282

9.3 动画287

9.3.1 @keyframes287

9.3.2 animation-name属性288

9.3.3 animation-duration属性288

9.3.4 animation-timing-function属性290

9.3.5 animation-delay属性292

9.3.6 animation-iteration-count属性292

9.3.7 animation-direction属性292

9.3.8 animation属性294

9.4 阶段案例——制作工作日天气预报294

9.4.1 分析效果图295

9.4.2 制作页面结构296

9.4.3 定义CSS样式297

9.4.4 制作CSS3动画301

本章小结306

动手实践306

第10章 实战开发——制作电商网站首页308

10.1 准备工作309

10.2 首页面详细制作314

本章小结340

动手实践340