HTML 5+CSS3从入门到精通【2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载】

HTML 5+CSS3从入门到精通PDF格式电子书版下载

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

第1章 Web开发新时代1

1.1 HTML5概述2

1.1.1 HTML5新特性2

1.1.2 HTML5组织3

1.1.3 HTML5构成4

1.2 HTML5设计原理4

1.2.1 HTML开发历程5

1.2.2 HTML5开发动力6

1.2.3 HTML5设计理念7

1.3编写第一个HTML5页面14

1.3.1搭建上机练习环境14

1.3.2检测浏览器是否支持14

1.3.3使用HTML5编写简单的Web页面15

1.4 HTML5页面的特征17

1.4.1使用HTML5结构化元素17

1.4.2使用CSS美化HTML5文档19

第2章 从HTML、 XHTML到HTML521

2.1 HTML基础22

2.1.1 HTML简介22

2.1.2 HTML特性22

2.1.3 HTML结构23

2.1.4 HTML语法23

2.1.5 HTML标签25

2.1.6 HTML属性29

2.2 XHTML基础32

2.2.1 XHTML结构32

2.2.2 XHTML语法33

2.2.3 XHTML类型34

2.2.4 DTD解析35

2.2.5命名空间37

2.3 HTML5基础38

2.3.1 HTML5语法38

2.3.2 HTML5元素40

2.3.3 HTML5增加及废除的属性46

2.3.4 HTML5全局属性48

2.3.5 HTML5其他功能50

第3章 创建HTML5文档54

3.1认识HTML5文档结构55

3.2 HTML5元素分类58

3.3构建主体内容59

3.3.1标识文章59

3.3.2给内容分段61

3.3.3设计导航信息64

3.3.4设计辅助信息66

3.3.5设计微格式67

3.3.6添加发布日期68

3.4添加语义模块69

3.4.1添加标题块69

3.4.2给标题分组70

3.4.3添加脚注块70

3.4.4添加联系信息71

3.5综合实战：使用HTML5设计博客主页72

3.5.1设计大纲73

3.5.2设计样式76

第4章 实战HTML5表单79

4.1新增的input输入类型80

4.1.1 email类型的应用80

4.1.2 url类型的应用82

4.1.3 number类型的应用83

4.1.4 range类型的应用84

4.1.5日期检出器类型的应用85

4.1.6 search类型的应用90

4.1.7 tel类型的应用91

4.1.8 color类型的应用92

4.2新增的input属性93

4.2.1新增的autocomplete属性93

4.2.2新增的autofocus属性95

4.2.3新增的form属性96

4.2.4新增的表单重写属性97

4.2.5新增的height与width属性98

4.2.6新增的list属性98

4.2.7新增的min、 max和step属性99

4.2.8新增的multiple属性100

4.2.9新增的pattern属性101

4.2.10新增的placeholder属性101

4.2.11新增的required属性102

4.3新增的form元素103

4.3.1新增的datalist元素103

4.3.2新增的keygen元素103

4.3.3新增的output元素104

4.4新增的form属性105

4.4.1新增的autocomplete属性105

4.4.2新增的novalidate属性105

第5章 实战HTML5画布106

5.1认识HTML5 canvas元素107

5.1.1在页面中添加canvas元素107

5.1.2 Canvas如何绘制图形108

5.1.3认识Canvas坐标109

5.1.4何时不用Canvas109

5.1.5如果浏览器不支持Canvas110

5.1.6检测浏览器支持110

5.2绘制简单图形111

5.2.1绘制直线111

5.2.2绘制矩形112

5.2.3绘制圆形113

5.2.4绘制三角形115

5.2.5清空画布116

5.3绘制贝塞尔曲线117

5.3.1绘制二次方贝塞尔曲线118

5.3.2绘制三次方贝塞尔曲线119

5.4图形的变换120

5.4.1保存与恢复Canvas状态120

5.4.2移动坐标空间121

5.4.3旋转坐标空间123

5.4.4缩放图形125

5.4.5矩阵变换126

5.5图形的组合与裁切129

5.5.1图形的组合129

5.5.2裁切路径132

5.6更多的颜色和样式选项133

5.6.1应用不同的线型133

5.6.2绘制线性渐变138

5.6.3绘制径向渐变139

5.6.4绘制图案140

5.6.5设置图形的透明度141

5.6.6创建阴影142

5.7绘制文字144

5.7.1绘制填充文字144

5.7.2文字相关属性145

5.7.3绘制轮廓文字145

5.7.4测量文字宽度146

5.8操作与使用图像147

5.8.1向Canvas中引入图像147

5.8.2改变图像大小149

5.8.3创建图像切片150

第6章 HTML5音频与视频152

6.1 HTML5多媒体技术概述153

6.1.1关于编解码器153

6.1.2音频编解码器153

6.1.3视频编解码器154

6.2浏览器支持概述156

6.2.1用JavaScript检测音频格式支持情况157

6.2.2用JavaScript检测视频格式支持情况158

6.3在HTML5中播放音频159

6.3.1认识audio元素159

6.3.2播放音频160

6.4在HTML5中播放视频161

6.4.1认识video元素161

6.4.2播放视频162

6.5音频与视频相关属性、方法与事件164

6.5.1音频与视频相关属性164

6.5.2音频与视频相关方法167

6.5.3音频与视频相关事件168

6.6综合实战169

6.6.1用脚本控制音乐播放169

6.6.2查看视频帧画面170

第7章 Web存储175

7.1认识Web Storage176

7.1.1 Cookie存储机制的优缺点176

7.1.2为什么要用Web Storage176

7.1.3 Web Storage的优缺点177

7.1.4浏览器支持概述177

7.2使用Web Storage178

7.2.1检查浏览器的支持性178

7.2.2设置和获取数据180

7.2.3防止数据泄露181

7.2.4 Web Storage的其他用法181

7.2.5 Web Storage事件监测182

7.2.6实例1：设计网页皮肤183

7.2.7实例2：跟踪localStorage数据184

7.2.8实例3：设计计数器186

7.2.9综合应用：Web应用项目实时跟踪187

7.3 Web SQL数据库192

7.3.1 Web SQL数据库概述192

7.3.2使用Web SQL数据库193

7.3.3实例1：创建简单的本地数据库195

7.3.4实例2：批量存储本地数据198

7.3.5综合应用：Web Storage和Web SQL 混合开发199

第8章 离线应用207

8.1 HTML5离线应用概述208

8.1.1为什么要学习HTML5离线应用208

8.1.2浏览器支持概述209

8.2 HTML5离线应用详解210

8.2.1解析manifest文件210

8.2.2搭建离线应用程序213

8.2.3检查浏览器是否支持213

8.2.4离线缓存更新实现213

8.2.5 JavaScript接口实现214

8.2.6离线存储事件监听217

8.3实战1：缓存首页218

8.4实战2：离线编辑内容221

8.5实战3：离线跟踪225

第9章 Workers多线程处理231

9.1认识Web Workers232

9.1.1 Web Workers概述232

9.1.2浏览器支持概述233

9.1.3熟悉Web Workers成员233

9.2使用Web Workers234

9.2.1检查浏览器支持性234

9.2.2创建Web Workers234

9.2.3与Web Workers通信235

9.2.4使用Web Workers上机练习237

9.3案例实战240

9.3.1使用多线程实现后台运算240

9.3.2在后台过滤值242

9.3.3多任务并发处理243

9.3.4在多线程之间通信246

9.3.5使用线程技术计算Fibonacci数列248

9.3.6使用多线程绘图249

9.4综合应用：模拟退火算法253

9.4.1认识模拟退火算法253

9.4.2编写应用主页面254

9.4.3编写worker js256

9.4.4与Web Workers通信257

第10章 Geolocation地理位置261

10.1位置信息概述262

10.1.1为什么要学习Geolocation262

10.1.2位置信息表示方式262

10.1.3位置信息来源262

10.1.4 IP定位263

10.1.5 GPS定位263

10.1.6 Wi-Fi定位263

10.1.7手机定位264

10.1.8自定义定位264

10.2使用Geolocation API264

10.2.1检查浏览器支持性264

10.2.2获取当前地理位置265

10.2.3监视位置信息267

10.2.4停止获取位置信息267

10.2.5隐私保护267

10.2.6处理位置信息267

10.2.7使用position对象268

10.3案例实战269

10.3.1使用Google地图269

10.3.2跟踪行走速度271

第11章 CSS3概述277

11.1回顾CSS278

11.1.1 CSS发展简史278

11.1.2 CSS 1.0和CSS 2.0概述278

11.1.3 CSS与DIV标记之缘285

11.1.4 CSS编码规范288

11.2了解CSS3新增特性289

11.2.1属性选择器289

11.2.2 RBGA透明度291

11.2.3多栏布局292

11.2.4多背景图片294

11.2.5字符串溢出295

11.2.6块阴影与圆角阴影296

11.2.7圆角297

11.2.8边框图片298

11.2.9形变299

11.3 CSS3前景展望301

11.3.1 CSS3的应用范围302

11.3.2当前支持CSS3的浏览器303

11.4案例实战：设计漂亮的表单305

第12章 CSS选择器310

12.1属性选择器311

12.1.1认识属性选择器311

12.1.2案例实战312

12.2结构伪类选择器314

12.2.1认识结构伪类选择器314

12.2.2案例实战315

12.3 UI伪类选择器321

12.3.1认识常用Ul伪类选择器321

12.3.2案例实战322

12.4其他选择器324

第13章 文本、字体与颜色330

13.1设计文本阴影331

13.1.1定义text-shadow属性331

13.1.2应用阴影效果333

13.1.3综合实战：设计黑客网站首页339

13.2定义文本样式341

13.2.1文本样式简介341

13.2.2溢出文本345

13.2.3文本换行347

13.3设计颜色样式353

13.3.1使用RGBA颜色值353

13.3.2使用HSL颜色值355

13.3.3使用HSLA颜色值359

13.3.4定义opacity属性360

13.3.5定义 transparent颜色值363

第14章 背景和边框365

14.1设计多色边框366

14.1.1用法详解366

14.1.2案例实战368

14.2设计边框背景368

14.2.1用法详解369

14.2.2案例实战372

14.3设计圆角375

14.3.1用法详解376

14.3.2案例实战：设计椭圆图形379

14.4设计阴影380

14.4.1用法详解380

14.4.2案例实战：设计Windows7界面效果385

14.5设计背景390

14.5.1定义背景坐标390

14.5.2定义背景裁剪区域392

14.5.3定义背景图像大小395

14.5.4定义背景图像循环方式396

14.5.5定义多背景图像398

第15章 2D变形400

15.1认识transform401

15.2 2D变形402

15.2.1旋转动画403

15.2.2缩放动画404

15.2.3移动动画406

15.2.4倾斜动画408

15.2.5变形动画410

15.2.6案例实战：设计涂鸦墙412

15.3自定义变形414

15.4定义复杂变形416

第16章 设计动画420

16.1平滑过渡421

16.1.1定义过渡属性421

16.1.2定义过渡时间422

16.1.3定义过渡延迟时间423

16.1.4定义过渡效果424

16.1.5案例实战：设计Mac OS导航器426

16.2 3D动画428

16.2.1定义动画名称429

16.2.2定义动画时间429

16.2.3定义动画播放方式429

16.2.4定义动画延迟时间429

16.2.5定义动画播放次数430

16.2.6定义动画播放方向430

16.2.7案例实战：设计图片翻转特效430

16.3渐变效果431

16.3.1设计Webkit渐变432

16.3.2 Webkit案例实战437

16.3.3设计Gecko渐变440

16.3.4 Gecko案例实战446

16.3.5设计IE渐变447

16.3.6设计W3C渐变449

16.4案例综合实战449

16.4.1设计礼品盒450

16.4.2设计折叠面板452

16.4.3设计易拉罐454

16.4.4设计光盘滑动动画457

16.4.5设计下拉菜单461

16.4.6设计精致按钮465

第17章 网页布局468

17.1设计多列布局469

17.2设置多列显示样式471

17.2.1定义列宽471

17.2.2定义列数472

17.2.3定义列间距473

17.2.4定义列边框样式475

17.2.5定义跨列显示476

17.2.6定义列高度478

17.2.7定义打印列480

17.3设计盒布局481

17.4设置盒布局格式485

17.4.1定义自适应宽度485

17.4.2定义列显示顺序487

17.4.3定义列排列方向489

17.4.4定义模块大小自适应491

17.4.5消除空白493

17.4.6定义对齐方式497

17.5综合实战：设计多列网页498

第18章 用户界面506

18.1改变盒模型组成方式507

18.2调节元素尺寸507

18.3设计轮廓509

18.3.1定义轮廓线509

18.3.2定义轮廓线宽度512

18.3.3定义轮廓线样式512

18.3.4定义轮廓线颜色513

18.3.5定义轮廓线位移513

18.4设计导航516

18.4.1定义导航顺序516

18.4.2定义方向键控制顺序519

18.5添加显示内容521

18.6恢复默认样式522

18.6.1取消元素样式522

18.6.2慎用initial的情况524

第19章 CSS3其他新特性527

19.1溢出处理528

19.2自定义字体类型530

19.2.1使用＠font-face规则530

19.2.2开放字体532

19.3定义设备类型532

19.3.1认识Media Queries模块532

19.3.2认识＠media规则533

19.3.3使用＠media规则535

19.3.4在网站中应用＠media规则537

19.4添加语音功能543

19.5设计倒影545