HTML 5与CSS 3权威指南PDF电子书下载

第1章Web时代的变迁 1

1.1迎接新的Web时代 2

1.1.1 HTML 5时代即将来临 2

1.1.2 HTML 5的目标 4

1.2 HTML 5会深受欢迎的理由 4

1.2.1世界知名浏览器厂商对HTML 5的支持 4

1.2.2第一个理由：时代的要求 5

1.2.3第二个理由：Internet Explorer 8 6

1.3可以放心使用HTML 5的三个理由 6

1.4 HTML 5要解决的三个问题 7

第2章HTML 5与HTML 4的区别 9

2.1语法的改变 10

2.1.1 HTML 5的语法变化 10

2.1.2 HTML 5中的标记方法 11

2.1.3 HTML 5确保了与之前HTML版本的兼容性 11

2.1.4标记示例 13

2.2新增的元素和废除的元素 13

2.2.1新增的结构元素 13

2.2.2新增的其他元素 15

2.2.3新增的input元素的类型 19

2.2.4废除的元素 19

2.3新增的属性和废除的属性 20

2.3.1新增的属性 20

2.3.2废除的属性 21

2.4全局属性 23

2.4.1 contentEditable属性 23

2.4.2 designMode属性 24

2.4.3 hidden属性 25

2.4.4 spellcheck属性 25

2.4.5 tabindex属性 25

第3章HTML 5的结构 27

3.1新增的主体结构元素 28

3.1.1 article元素 28

3.1.2 section元素 30

3.1.3 nav元素 32

3.1.4 aside元素 33

3.1.5 time元素与微格式 35

3.1.6 pubdate属性 36

3.2新增的非主体结构元素 36

3.2.1 header元素 37

3.2.2 hgroup元素 38

3.2.3 footer元素 38

3.2.4 address元素 39

3.3 HTML 5结构 40

3.3.1大纲 40

3.3.2对新的结构元素使用样式 43

3.3.3 article元素的样式 44

第4章表单与文件 45

4.1新增元素与属性 46

4.1.1新增属性 46

4.1.2大幅度地增加与改良了input元素的种类 49

4.1.3对新的表单元素使用样式 54

4.1.4 output元素的追加 55

4.2表单验证 55

4.2.1自动验证 55

4.2.2显式验证 57

4.2.3取消验证 58

4.2.4自定义错误信息 58

4.3增强的页面元素 59

4.3.1新增的figure元素与figcaption元素 60

4.3.2新增的details元素 61

4.3.3新增的mark元素 62

4.3.4新增的progress元素 64

4.3.5新增的meter元素 65

4.3.6新增的menu元素与command元素 66

4.3.7改良的o1列表 66

4.3.8改良的dl列表 67

4.3.9加以严格限制的cite元素 68

4.3.10重新定义的small元素 69

4.4文件API 69

4.4.1 FileList对象与file对象 69

4.4.2 Blob对象 70

4.4.3 FileReader接口 72

4.5拖放API 77

4.5.1实现拖放的步骤 77

4.5.2 DataTransfer对象的属性与方法 80

4.5.3设定拖放时的视觉效果 80

4.5.4自定义拖放图标 81

第5章 绘制图形 82

5.1 canvas元素的基础知识 83

5.1.1在页面中放置canvas元素 83

5.1.2绘制矩形 84

5.2使用路径 86

5.2.1绘制圆形 86

5.2.2如果没有关闭路径会怎么样 88

5.2.3 moveTo与lineTo 90

5.2.4使用bezierCurveTo绘制贝济埃曲线 91

5.3绘制渐变图形 93

5.3.1绘制线性渐变 93

5.3.2绘制径向渐变 95

5.4绘制变形图形 96

5.4.1坐标变换 96

5.4.2坐标变换与路径的结合使用 98

5.4.3矩阵变换 99

5.5图形组合 103

5.6给图形绘制阴影 105

5.7使用图像 107

5.7.1绘制图像 107

5.7.2图像平铺 109

5.7.3图像裁剪 111

5.7.4像素处理 113

5.8绘制文字 115

5.9补充知识 117

5.9.1保存与恢复状态 117

5.9.2保存文件 118

5.9.3简单动画的制作 119

第6章 多媒体播放 122

6.1 video元素与audio元素的基础知识 123

6.1.1 HTML 4页面中播放视频或音频的方法 123

6.1.2 HTML 5页面中播放视频或音频的方法 124

6.2属性 125

6.3方法 129

6.4事件 132

6.4.1事件处理方式 132

6.4.2事件介绍 132

6.4.3事件捕捉示例 133

第7章 本地存储 135

7.1 Web Storage 136

7.1.1Web Storage是什么 136

7.1.2简单Web留言本 139

7.1.3作为简易数据库来利用 141

7.2本地数据库 144

7.2.1本地数据库的基本概念 144

7.2.2用executeSql来执行查询 145

7.2.3使用数据库实现Web留言本 146

7.2.4 transaction方法中的处理 149

第8章 离线应用程序 151

8.1离线Web应用程序详解 152

8.1.1新增的本地缓存 152

8.1.2本地缓存与浏览器网页缓存的区别 152

8.2 manifest文件 153

8.3浏览器与服务器的交互过程 155

8.4 applicationCache对象 156

8.4.1 swapCache方法 157

8.4.2 applicationCache对象的事件 158

第9章 通信API 162

9.1跨文档消息传输 163

9.1.1跨文档消息传输的基本知识 163

9.1.2跨文档消息传输示例 163

9.2 Web Sockets通信 166

9.2.1 Web Sockets通信的基本知识 166

9.2.2使用Web Sockets API 166

9.2.3 Web Sockets API使用示例 167

9.2.4发送对象 168

第10章 使用Web Workers处理线程 170

10.1基础知识 171

10.2与线程进行数据的交互 174

10.3线程嵌套 176

10.3.1单层嵌套 176

10.3.2在多个子线程中进行数据的交互 178

10.4线程中可用的变量、函数与类 180

第11章 获取地理位置信息 181

11.1 Geolocation API的基本知识 182

11.1.1取得当前地理位置 182

11.1.2持续监视当前地理位置的信息 184

11.1.3停止获取当前用户的地理位置信息 184

11.2 position对象 184

11.3在页面上使用google地图 186

第12章CSS 3概述 189

12.1概要介绍 190

12.1.1 CSS 3是什么 190

12.1.2 CSS 3的历史 190

12.2使用CSS 3能做什么 191

12.2.1模块与模块化结构 191

12.2.2一个简单的CSS 3示例 192

第13章 选择器 195

13.1选择器概述 197

13.2属性选择器 197

13.2.1属性选择器是什么 197

13.2.2 CSS 3中的属性选择器 199

13.2.3灵活运用属性选择器 200

13.3结构性伪类选择器 201

13.3.1 CSS中的伪类选择器及伪元素 201

13.3.2选择器root、not、empty和target 205

13.3.3选择器：first-child、last-child、nth-child和nth-last-child 210

13.3.4选择器：nth-of-type和nth-last-of-type 214

13.3.5循环使用样式 216

13.3.6 only-child选择器 218

13.4 UI元素状态伪类选择器 219

13.4.1选择器：E：hover、E：active和E：focus 220

13.4.2 E：enabled伪类选择器与E：disabled伪类选择器 222

13.4.3 E：read-only伪类选择器与E：read-write伪类选择器 223

13.4.4伪类选择器：E：checked、E：default和E：indeterminate 224

13.4.5 E：：selection伪类选择器 226

13.5通用兄弟元素选择器 228

第14章 使用选择器在页面中插入内容 230

14.1使用选择器来插入文字 231

14.1.1使用选择器来插入内容 231

14.1.2指定个别元素不进行插入 232

14.2插入图像文件 234

14.2.1在标题前插入图像文件 234

14.2.2插入图像文件的好处 234

14.2.3将alt属性的值作为图像的标题来显示 236

14.3使用content属性来插入项目编号 237

14.3.1在多个标题前加上连续编号 237

14.3.2在项目编号中追加文字 238

14.3.3指定编号的样式 238

14.3.4指定编号的种类 238

14.3.5编号嵌套 239

14.3.6中编号中嵌入大编号 240

14.3.7在字符串两边添加嵌套文字符号 242

第15章 文字与字体相关样式 244

15.1给文字添加阴影——text-shadow属性 245

15.1.1 text-shadow属性的使用方法 245

15.1.2位移距离 247

15.1.3阴影的模糊半径 247

15.1.4阴影的颜色 248

15.1.5指定多个阴影 248

15.2让文本自动换行——word-break属性 249

15.2.1依靠浏览器让文本自动换行 249

15.2.2指定自动换行的处理方法 249

15.3让长单词与URL地址自动换行——word-wrap属性 251

15.4使用服务器端字体——Web Font与＠font-face属性 251

15.4.1在网页上显示服务器端字体 252

15.4.2定义斜体或粗体字体 253

15.4.3显示客户端本地的字体 255

15.4.4属性值的指定 256

15.5修改字体种类而保持字体尺寸不变——font-size-adjust属性 257

15.5.1字体不同导致文字大小的不同 257

15.5.2 font-size-adjust属性的使用方法 259

15.5.3浏览器对于aspect值的计算方法 259

15.5.4 font-size-adjust属性的使用示例 260

第16章 盒相关样式 262

16.1盒的类型 263

16.1.1盒的基本类型 263

16.1.2 inline-block类型 264

16.1.3 inline-table类型 270

16.1.4 list-item类型 272

16.1.5 run-in类型与compact类型 273

16.1.6表格相关类型 274

16.1.7 none类型 276

16.1.8各种浏览器对于各种盒类型的支持情况 277

16.2对于盒中容纳不下的内容的显示 277

16.2.1 overflow属性 278

16.2.2 overflow-x属性与overflow-y属性 281

16.2.3 text-overflow属性 281

16.3对盒使用阴影 283

16.3.1 box-shadow属性的使用方法 283

16.3.2将参数设定为0 284

16.3.3对盒内子元素使用阴影 285

16.3.4对第一个文字或第一行使用阴影 286

16.3.5对表格及单元格使用阴影 287

16.4指定针对元素的宽度与高度的计算方法 288

16.4.1 box-sizing属性 288

16.4.2为什么要使用box-sizing属性 291

第17章 与背景和边框相关样式 293

17.1与背景相关的新增属性 294

17.1.1指定背景的显示范围——background-clip属性 294

17.1.2指定绘制背景图像的绘制起点——background-origin属性 296

17.1.3指定背景图像的尺寸——background-size属性 299

17.1.4指定内联元素背景图像进行平铺时的循环方式——background-break属性 301

17.2在一个元素中显示多个背景图像 302

17.3圆角边框的绘制 303

17.3.1 border-radius属性 304

17.3.2在border-radius属性中指定两个半径 305

17.3.3不显示边框的时候 306

17.3.4修改边框种类的时候 306

17.3.5绘制四个角不同半径的圆角边框 306

17.4使用图像边框 307

17.4.1 border-image属性 307

17.4.2 border-image属性最简单的使用方法 308

17.4.3使用border-image属性来指定边框宽度 310

17.4.4中央图像的自动拉伸 311

17.4.5指定四条边中图像的显示方法 312

17.4.6使用背景图像 315

第18章CSS 3中的变形处理 317

18.1 transform功能的基础知识 318

18.1.1如何使用transform功能 318

18.1.2 transform功能的分类 319

18.2对一个元素使用多种变形的方法 323

18.2.1两个变形示例 323

18.2.2指定变形的基准点 325

第19章CSS 3中的动画功能 328

19.1 Transitions功能 329

19.1.1 Transitions功能的使用方法 329

19.1.2使用Transitions功能同时平滑过渡多个属性值 330

19.2 Animations功能 333

19.2.1 Animations功能的使用方法 333

19.2.2实现多个属性值同时改变的动画 335

19.2.3实现动画的方法 337

19.2.4实现网页的淡入效果 339

第20章布局相关样式 340

20.1多栏布局 341

20.1.1使用float属性或position属性的缺点 341

20.1.2使用多栏布局方式 343

20.2盒布局 346

20.2.1盒布局的基础知识 346

20.2.2弹性盒布局 350

第21章Media Queries相关样式 362

21.1根据浏览器的窗口大小来选择使用不同的样式 363

21.2在iPhone中的显示 367

21.3 Media Queries的使用方法 368

第22章CSS 3的其他重要样式和属性 371

22.1颜色相关样式 372

22.1.1利用alpha通道来设定颜色 372

22.1.2 alpha通道与opacity属性的区别 374

22.1.3指定颜色值为transparent 376

22.2用户界面相关样式 377

22.2.1轮廓相关样式 377

22.2.2 resize属性 380

22.3取消对元素的样式指定——initial属性值 381

22.3.1取消对元素的样式指定 381

22.3.2使用initial属性值并不等于取消样式设定的特例 383

第23章综合实例 385

23.1实例1：使用HTML 5中新增结构元素来构建网页 386

23.1.1组织网页结构 386

23.1.2 header元素中的内容 388

23.1.3 aside元素中的内容 395

23.1.4 section元素中的内容 398

23.1.5 footer元素中的内容 400

23.2实例2：使用HTML 5+CSS 3来构建Web应用程序 401

23.2.1 HTML 5页面代码分析 402

23.2.2 CSS 3样式代码分析 405

23.2.3 JavaScript脚本代码分析 409