书名: | HTML5与CSS 3权威指南上下册套装|4904554 |
图书定价: | 158元 |
图书作者: | 陆凌牛 |
出版社: | 机械工业出版社 |
出版日期: | 2015/12/1 0:00:00 |
ISBN号: | 9787 |
开本: | 16开 |
页数: | 0 |
版次: | 1-1 |
作者简介 |
陆凌牛,资深Web开发工程师、软件开发工程师和系统设计师。从事Web开发多年,对各种Web开发技术(包括前端和后端)都有非常深入的研究,经验极其丰富。HTML 5和CSS 3等新技术的先驱者和布道者,不仅对HTML 5与CSS 3有非常深入的研究,而且对Sencha Touch、Node.js等开发框架也有非常深入的研究,并且付诸了大量实践。同时,他还擅长微软与Java的相关技a术,在C#、VB.NET、ASP.NET、SQL Server 、Oracle、Java、Struts、Spring、Hibernate等方面也积累大量的实战经验。 此外,他还是一位颇有影响力的技术作家: 《HMTL 5与CSS 3权威指南》凭借优质的内容深受读者好评,同类书只能望其项背。前两版累计印刷超过15次,销量超过8万册,被读者誉为“系统学习HTML 5与CSS 3的最佳著作”和“Web前端工程师案头必备图书之一”, 不仅是HTML 5与CSS 3领域的领头羊和标杆,而且是近年来原创计算机图书领域的一面旗帜。 《HTML 5开发精要与案例详解》、《Sencha Touch权威指南》、《Node.js权威指南》等著作同样也取得了非常好的口碑和销量。 |
内容简介 |
本书是HTML 5与CSS 3领域公认的标杆之作,被读者誉为“系统学习HTML 5与CSS 3的最佳著作”和“Web前端工程师案头必备图书之_”。 前两版累计印刷超过15次,网络书店评论超过8000条,98%以上的评论都是五星级的好评。不仅是HTML 5与CSS 3图书领域当之无愧的领头羊,而且在整个原创计算机图书领域是佼佼者。 第3版首先从技术的角度根据最新的HTML 5和CSS 3标准进行了更新和补充,其次根据读者的反馈对内容的组织结构和写作方式做了进一步的优化,内容更经典,阅读体验也更好。 全书共29章,分为上下两册: 上册(1—17章)全面系统地讲解了HTML 5相关的技术,以HTML 5对现有Web应用产生的变革开篇,顺序讲解了HTML 5与HTML 4的区别、HTML 5的结构、表单及新增页面元素、图形绘制、多媒体、本地存储、文件、WebRTC通信、扩展的XMLHttpRequest、离线应用、WebWorkers、地理位置信息、拖放与通知等内容;下册(18—29章)全面系统地讲解了CSS 3相关的技术,以CSS 3的功能和模块结构开篇,顺序讲解了各种选择器及其使用、文字与字体的相关样式、盒相关样式、背景与边框相关样式、布局相关样式、变形处理、动画、颜色相关样式等内容。 全书一共389个示例页面和2个综合性的案例,所有代码均通过作者上机调试,读者可下载书中代码,直接在浏览器查看运行结果。 |
目录 |
《HTML 5与CSS 3 权威指南(上册) (第3版)》 前 言 上 册 第1章 Web时代的变迁 1 1.1 迎接新的Web时代 1 1.1.1 HTML 5时代即将来临 1 1.1.2 HTML 5的目标 3 1.2 HTML 5深受欢迎的理由 4 1.2.1 世界知名浏览器厂商对HTML 5的支持 4 1.2.2 第一个理由:时代的要求 5 1.2.3 第二个理由:Internet Explorer 8 5 1.3 可以放心使用HTML 5的三个理由 6 1.4 HTML 5要解决的三个问题 6 第2章 HTML 5与HTML 4的区别 8 2.1 语法的改变 8 2.1.1 HTML 5的语法变化 8 2.1.2 HTML 5中的标记方法 9 2.1.3 HTML 5确保的兼容性 10 2.1.4 标记示例 11 2.2 新增的元素和废除的元素 12 2.2.1 新增的结构元素 12 2.2.2 新增的其他元素 14 2.2.3 新增的input元素的类型 18 2.2.4 废除的元素 19 2.3 新增的属性和废除的属性 20 2.3.1 新增的属性 20 2.3.2 废除的属性 22 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 2.5 新增的事件 26 第3章 HTML 5的结构 28 3.1 新增的主体结构元素 28 3.1.1 article元素 29 3.1.2 section元素 31 3.1.3 nav元素 33 3.1.4 aside元素 34 3.1.5 time元素与微格式 36 3.1.6 pubdate属性 37 3.2 新增的非主体结构元素 38 3.2.1 header元素 38 3.2.2 footer元素 39 3.2.3 address元素 40 3.2.4 main元素 41 3.3 HTML 5中网页结构 42 3.3.1 HTML 5中的大纲 42 3.3.2 大纲的编排规则 48 3.3.3 对新的结构元素使用样式 51 第4章 表单及其他新增和改良元素 53 4.1 新增元素与属性 53 4.1.1 新增属性 53 4.1.2 大幅度地增加与改良input元素的种类 65 4.1.3 对新的表单元素使用样式 77 4.1.4 output元素的追加 77 4.2 表单验证 78 4.2.1 自动验证 78 4.2.2 取消验证 79 4.2.3 显式验证 79 4.3 增强的页面元素 80 4.3.1 新增的f igure元素与f igcaption元素 80 4.3.2 新增的details元素与summary元素 82 4.3.3 新增的mark元素 83 4.3.4 新增的progress元素 86 4.3.5 新增的meter元素 87 4.3.6 新增的dialog元素 88 4.3.7 改良的a元素 90 4.3.8 改良的ol列表 91 4.3.9 改良的dl列表 92 4.3.10 加以严格限制的cite元素 93 4.3.11 重新定义的small元素 94 4.3.12 安全性增强的iframe元素 94 4.3.13 增强的script元素 97 第5章 绘制图形 102 5.1 canvas元素的基础知识 102 5.1.1 在页面中放置canvas元素 103 5.1.2 绘制矩形 103 5.2 使用路径 105 5.2.1 绘制圆形 105 5.2.2 不关闭路径会怎么样 108 5.2.3 绘制直线 109 5.2.4 绘制曲线 114 5.2.5 使用Path2D对象绘制路径 116 5.3 绘制渐变图形 119 5.3.1 绘制线性渐变 119 5.3.2 绘制径向渐变 121 5.4 绘制变形图形 122 5.4.1 坐标变换 122 5.4.2 坐标变换与路径的结合使用 124 5.4.3 矩阵变换 125 5.5 给图形绘制阴影 129 5.6 使用图像 130 5.6.1 绘制图像 130 5.6.2 图像平铺 133 5.6.3 图像裁剪 135 5.6.4 像素处理 137 5.7 图形、图像的组合与混合 138 5.7.1 组合图形 138 5.7.2 混合图像 140 5.8 绘制文字 143 5.9 补充知识 145 5.9.1 保存与恢复状态 145 5.9.2 保存文件 146 5.9.3 简单动画的制作 147 第6章多媒体相关API 150 6.1 多媒体播放 151 6.1.1 video元素与audio元素的基础知识 151 6.1.2 属性 153 6.1.3 方法 157 6.1.4 事件 160 6.2 对音频或视频添加字幕 163 6.2.1 track元素的基础知识 163 6.2.2 track元素的各种属性 164 6.2.3 WebVTT文件 166 第7章History API 171 7.1 History API的基本概念 171 7.2 History API使用示例 172 7.2.1 使用History API 172 7.2.2 结合使用Canvas API与History API 182 第8章本地存储 187 8.1 Web Storage 188 8.1.1 Web Storage是什么 188 8.1.2 简单Web留言本 191 8.1.3 作为简易数据库来利用 194 8.1.4 利用storage事件实时监视Web Storage中的数据 196 8.2 本地数据库 199 8.2.1 本地数据库的基本概念 199 8.2.2 用executeSql来执行查询 199 8.2.3 使用数据库实现Web留言本 200 8.2.4 transaction方法中的处理 204 8.3 indexedDB数据库 206 8.3.1 indexedDB数据库的基本概念 206 8.3.2 连接数据库 206 8.3.3 数据库的版本更新 208 8.3.4 创建对象仓库 210 8.3.5 创建索引 213 8.3.6 索引的multiEntry属性值 216 8.3.7 使用事务 216 8.3.8 保存数据 218 8.3.9 获取数据 221 8.3.10 根据主键值检索数据 225 8.3.11 根据索引属性值检索数据 232 8.3.12 复合索引 237 8.3.13 统计对象仓库中的数据数量 242 8.3.14 使用indexedDB API制作Web留言本 243 第9章离线应用程序 250 9.1 离线Web应用程序详解 250 9.1.1 新增的本地缓存 250 9.1.2 本地缓存与浏览器网页缓存的区别 251 9.2 manifest文件 251 9.3 浏览器与服务器的交互过程 254 9.4 applicationCache对象 255 9.4.1 swapCache方法 255 9.4.2 applicationCache对象的事件 258 第10章文件API 261 10.1 FileList对象与file对象 262 10.2 ArrayBuffer对象与ArrayBufferView对象 263 10.2.1 基本概念 263 10.2.2 ArrayBuffer对象 263 10.2.3 ArrayBufferView对象 263 10.2.4 DataView对象 265 10.3 Blob对象 269 10.3.1 Blob对象概述 269 10.3.2 创建Blob对象 271 10.3.3 Blob对象的slice方法 274 10.3.4 在IndexedDB数据库中保存Blob对象 275 10.4 FileReader对象 277 10.4.1 FileReader对象的方法 277 10.4.2 FileReader对象的事件 278 10.4.3 FileReader对象的使用示例 278 10.5 FileSystem API 285 10.5.1 FileSystem API概述 285 10.5.2 FileSystem API的适用场合 286 10.5.3 请求访问文件系统 287 10.5.4 申请磁盘配额 289 10.5.5 创建文件 294 10.5.6 写入文件 297 10.5.7 在文件中追加数据 300 10.5.8 读取文件 301 10.5.9 复制磁盘中的文件 304 10.5.10 删除文件 306 10.5.11 创建目录 307 10.5.12 读取目录中的内容 312 10.5.13 删除目录 314 10.5.14 复制文件或目录 316 10.5.15 移动文件或目录与重命名文件或目录 319 10.5.16 filesystem:URL前缀 321 10.5.17 综合案例 325 10.6 Base64编码支持 333 10.6.1 Base64编码概述 333 10.6.2 在HTML 5中支持Base64编码 335 第11章通信API 340 11.1 跨文档消息传输 341 11.1.1 跨文档消息传输的基本知识 341 11.1.2 跨文档消息传输示例 341 11.1.3 通道通信 343 11.2 WebSockets通信 348 11.2.1 WebSockets通信的基本知识 348 11.2.2 使用WebSockets API 348 11.2.3 WebSockets API使用示例 349 11.2.4 发送对象 351 11.2.5 发送与接收原始二进制数据 352 11.2.6 实现WebSockets API的开发框架 353 11.2.7 WebSocket协议 354 11.2.8 WebSockets API的适用场景 354 11.3 Server-Sent Events API 354 11.3.1 Server-Sent Events API的基本概念 354 11.3.2 Server-Sent Events API的实现方法 355 11.3.3 事件ID的使用示例 362 第12章WebRTC通信 366 12.1 WebRTC的基本概念 366 12.2 使用getUserMedia方法访问本地设备 367 12.2.1 浏览器检测 367 12.2.2 获取对视频输入设备或音频输入设备的访问权限 368 12.2.3 实现拍照功能 370 12.2.4 与CSS 3结合使用 372 12.3 手工建立WebRTC通信 372 12.3.1 WebRTC通信的基本概念 372 12.3.2 建立P2P通信 372 12.3.3 手工实现信令 373 12.3.4 剖析SDP交换过程 382 12.3.5 剖析ICE交换过程 388 12.4 穿越NAT/防火墙进行通信 390 12.4.1 穿越NAT 391 12.4.2 穿越防火墙 392 12.5 使用Node.js进行信令 395 12.5.1 建立信令服务器 395 12.5.2 修改信令处理 396 12.6 使用WebRTC进行多人通信 404 12.7 使用RTCDataChannel进行通信 425 12.7.1 RTCDataChannel的基本概念 425 12.7.2 实现RTCDataChannel通信 426 12.7.3 实现浏览器与浏览器之间的文件发送功能 438 第13章扩展的XMLHttpRequest API 449 13.1 从服务器端获取二进制数据 449 13.1.1 ArrayBuffer响应 450 13.1.2 Blob响应 455 13.2 发送数据 456 13.2.1 发送字符串 457 13.2.2 发送表单数据 458 13.2.3 上传文件 461 13.2.4 发送Blob对象 462 13.2.5 发送ArrayBuffer对象 465 13.3 跨域数据请求 469 第14章使用Web Workers处理线程 471 14.1 基础知识 472 14.2 与线程进行数据的交互 475 14.3 线程嵌套 477 14.3.1 单层嵌套 477 14.3.2 在多个子线程中进行数据的交互 480 14.4 线程中可用的变量、函数与类 481 14.5 适用场合 482 14.6 SharedWorker 482 14.6.1 基础知识 482 14.6.2 实现前台页面与后台线程之间的通信 483 14.6.3 定义页面与共享的后台线程开始通信时的处理 483 14.6.4 SharedWorker的使用示例 484 第15章获取地理位置信息 490 15.1 Geolocation API的基本知识 490 15.1.1 取得当前地理位置 490 15.1.2 持续监视当前地理位置的信息 493 15.1.3 停止获取当前用户的地理位置信息 493 15.2 position对象 493 15.3 在页面上使用google地图 495 第16章拖放API与通知API 498 16.1 拖放API 498 16.1.1 实现拖放的步骤 498 16.1.2 DataTransfer对象的属性与方法 501 16.1.3 设定拖放时的视觉效果 502 16.1.4 自定义拖放图标 503 16.2 通知API 503 16.2.1 通知API的基础知识 503 16.2.2 通知API的代码使用示例 506 第17章其他API 510 17.1 Page Visibility API 511 17.1.1 Page Visibility API概述 511 17.1.2 Page Visibility API的使用场合 511 17.1.3 实现Page Visibility API 511 17.2 Fullscreen API 514 17.2.1 Fullscreen API概述 514 17.2.2 实现Fullscreen API 514 17.2.3 Fullscreen API代码使用示例 517 17.3 鼠标指针锁定API 519 17.3.1 鼠标指针锁定API概述 519 17.3.2 鼠标指针锁定API代码使用示例 520 17.4 requestAnimationFrame 524 17.4.1 requestAnimationFrame概述 524 17.4.2 requestAnimFrame代码使用示例 524 17.5 Mutation Observer 526 17.6 Promise 531 17.6.1 Promise对象的基本概念 531 17.6.2 创建Promise对象 537 17.6.3 链式调用Promise对象的then方法 540 17.6.4 将异步操作队列化 542 17.6.5 异常处理 543 17.6.6 创建序列 544 17.6.7 执行并行处理 549 17.7 Beacon API 550 17.7.1 Beacon API概述 550 17.7.2 Beacon API的使用方法 551 下册 第18章 CSS 3概述 553 18.1 概要介绍 553 18.1.1 CSS 3是什么 553 18.1.2 CSS 3的历史 554 18.2 使用CSS 3能做什么 554 18.2.1 模块与模块化结构 554 18.2.2 一个简单的CSS 3示例 556 第19章 选择器 559 19.1 选择器概述 560 19.2 属性选择器 561 19.2.1 属性选择器概述 561 19.2.2 CSS 3中的属性选择器 563 19.2.3 灵活运用属性选择器 564 19.3 结构性伪类选择器 565 19.3.1 CSS中的伪类选择器及伪元素 565 19.3.2 选择器root、not、empty和target 570 19.3.3 选择器first-child、last-child、nth-child和nth-last-child 574 19.3.4 选择器nth-of-type和nth-last-of-type 579 19.3.5 循环使用样式 582 19.3.6 only-child选择器 584 19.4 UI元素状态伪类选择器 585 19.4.1 伪类选择器E:hover、E:active和E:focus 586 19.4.2 伪类选择器E:enabled与E:disabled 588 19.4.3 伪类选择器E:read-only与E:read-write 589 19.4.4 伪类选择器E:checked、E:default和E:indeterminate 590 19.4.5 伪类选择器E::selection 593 19.4.6 伪类选择器E:invalid与E:valid 595 19.4.7 伪类选择器E:required与E:optional 596 19.4.8 伪类选择器E:in-range与E:out-of-range 596 19.5 通用兄弟元素选择器 597 第20章 使用选择器在页面中插入内容 599 20.1 使用选择器来插入文字 599 20.1.1 使用选择器来插入内容 599 20.1.2 指定个别元素不进行插入 601 20.2 插入图像文件 602 20.2.1 在标题前插入图像文件 602 20.2.2 插入图像文件的好处 603 20.2.3 将alt属性的值作为图像的标题来显示 605 20.3 使用content属性来插入项目编号 605 20.3.1 在多个标题前加上连续编号 606 20.3.2 在项目编号中追加文字 607 20.3.3 指定编号的样式 607 20.3.4 指定编号的种类 608 20.3.5 编号嵌套 608 20.3.6 中编号中嵌入大编号 610 20.3.7 在字符串两边添加嵌套文字符号 611 第21章 文字与字体相关样式 614 21.1 给文字添加阴影——text-shadow属性 614 21.1.1 text-shadow属性的使用方法 614 21.1.2 位移距离 616 21.1.3 阴影的模糊半径 617 21.1.4 阴影的颜色 617 21.1.5 指定多个阴影 618 21.2 让文本自动换行——word-break属性 618 21.2.1 依靠浏览器让文本自动换行 619 21.2.2 指定自动换行的处理方法 619 21.3 让长单词与URL地址自动换行——word-wrap属性 621 21.4 使用服务器端字体——Web Font与@font-face属性 621 21.4.1 在网页上显示服务器端字体 621 21.4.2 定义斜体或粗体字体 623 21.4.3 显示客户端本地的字体 625 21.4.4 属性值的指定 627 21.5 修改字体种类而保持字体尺寸不变——font-size-adjust属性 628 21.5.1 字体不同导致文字大小的不同 628 21.5.2 font-size-adjust属性的使用方法 629 21.5.3 浏览器对于aspect值的计算方法 629 21.5.4 font-size-adjust属性的使用示例 630 21.6 使用rem单位定义字体大小 631 第22章 盒相关样式 633 22.1 盒的类型 633 22.1.1 盒的基本类型 633 22.1.2 inline-block类型 635 22.1.3 inline-table类型 642 22.1.4 list-item类型 644 22.1.5 run-in类型与compact类型 645 22.1.6 表格相关类型 646 22.1.7 none类型 648 22.1.8 各种浏览器对于各种盒类型的支持情况 649 22.2 对于盒中容纳不下的内容的显示 650 22.2.1 overflow属性 650 22.2.2 overflow-x属性与overflow-y属性 653 22.2.3 text-overflow属性 654 22.3 对盒使用阴影 656 22.3.1 box-shadow属性的使用方法 656 22.3.2 将参数设定为0 656 22.3.3 创建盒内阴影 658 22.3.4 对盒内子元素使用阴影 658 22.3.5 对第一个文字或第一行使用阴影 659 22.3.6 对表格及单元格使用阴影 660 22.4 指定针对元素的宽度与高度的计算方法 661 22.4.1 box-sizing属性 661 22.4.2 为什么要使用box-sizing属性 664 第23章 背景与边框相关样式 666 23.1 与背景相关的新增属性 666 23.1.1 指定背景的显示范围——background-clip属性 667 23.1.2 指定背景图像的绘制起点——background-origin属性 669 23.1.3 指定背景图像的尺寸——background-size属性 672 23.1.4 新增的用于平铺背景图像的选项——space与round 676 23.2 在一个元素中显示多个背景图像 678 23.3 使用渐变色背景 679 23.3.1 绘制线性渐变 679 23.3.2 绘制放射性渐变 682 23.4 圆角边框的绘制 685 23.4.1 border-radius属性 686 23.4.2 在border-radius属性中指定两个半径 686 23.4.3 不显示边框的时候 687 23.4.4 修改边框种类的时候 688 23.4.5 绘制四个角不同半径的圆角边框 688 23.5 使用图像边框 688 23.5.1 border-image属性 688 23.5.2 border-image属性的最简单的使用方法 690 23.5.3 使用border-image属性来指定边框宽度 692 23.5.4 指定4条边中图像的显示方法 693 23.5.5 使用背景图像 696 第24章 CSS 3中的变形处理 698 24.1 transform功能的基础知识 698 24.1.1 如何使用transform功能 698 24.1.2 transform功能的分类 699 24.2 对一个元素使用多种变形 704 24.2.1 对一个元素使用多种变形的方法 704 24.2.2 指定变形的基准点 707 24.3 使用3D变形功能 709 24.3.1 3D变形功能概述 709 24.3.2 实现3D变形功能 710 24.4 变形矩阵 718 24.4.1 矩阵概述 718 24.4.2 变形与坐标系统 719 24.4.3 计算2D变形 719 24.4.4 计算3D变形 721 24.4.5 通过矩阵执行多重变形处理 722 第25章 CSS 3中的动画功能 725 25.1 Transitions功能 725 25.1.1 Transitions功能的使用方法 726 25.1.2 使用Transitions功能同时平滑过渡多个属性值 727 25.2 Animations功能 730 25.2.1 Animations功能的使用方法 730 25.2.2 实现多个属性值同时改变的动画 733 25.2.3 实现动画的方法 736 25.2.4 实现网页的淡入效果 737 第26章 布局相关样式 739 26.1 多栏布局 740 26.1.1 使用float属性或position属性的缺点 740 26.1.2 使用多栏布局方式 741 26.2 盒布局 747 26.2.1 使用float属性或position属性时的缺点 747 26.2.2 使用盒布局 749 26.2.3 盒布局与多栏布局的区别 750 26.3 弹性盒布局 751 26.3.1 对多个元素使用flex属性 751 26.3.2 改变元素的显示顺序 753 26.3.3 改变元素的排列方向 754 26.3.4 元素宽度与高度的自适应 755 26.3.5 使用弹性盒布局来消除空白 758 26.3.6 对多个元素使用flex属性 759 26.3.7 控制换行方式 766 26.3.8 指定水平方向与垂直方向的对齐方式 769 26.4 calc方法 781 26.4.1 calc方法概述 781 26.4.2 calc方法使用示例 781 第27章 Media Queries相关样式 783 27.1 根据浏览器的窗口大小来选择使用不同的样式 783 27.2 在iPhone中的显示 788 27.3 Media Queries的使用方法 789 第28章 CSS 3的其他重要样式和属性 792 28.1 颜色相关样式 792 28.1.1 利用alpha通道来设定颜色 793 28.1.2 alpha通道与opacity属性的区别 795 28.1.3 指定颜色值为transparent 797 28.2 用户界面相关样式 798 28.2.1 轮廓相关样式 799 28.2.2 resize属性 801 28.3 使用initial属性值取消对元素的样式指定 802 28.3.1 取消对元素的样式指定 802 28.3.2 使用initial属性值并不等于取消样式设定的特例 804 28.4 实现CSS 3中的滤镜特效 805 28.4.1 滤镜特效概述 805 28.4.2 实现滤镜特效 806 第29章 综合实例 815 29.1 实例1:使用HTML 5中新增结构元素来构建网页 815 29.1.1 组织网页结构 815 29.1.2 构建网页标题 818 29.1.3 构建侧边栏 820 29.1.4 构建主体内容 823 29.1.5 构建版权信息 829 29.2 实例2:使用HTML 5+CSS 3来构建Web应用程序 829 29.2.1 HTML 5页面代码分析 830 29.2.2 CSS 3样式代码分析 833 29.2.3 脚本代码分析 836 附录A 截至2015年5月五大浏览器最新版对HTML 5的支持情况 844 《HTML 5与CSS 3权威指南(下册) (第3版)》 前 言 上 册 第1章 Web时代的变迁 1 1.1 迎接新的Web时代 1 1.1.1 HTML 5时代即将来临 1 1.1.2 HTML 5的目标 3 1.2 HTML 5深受欢迎的理由 4 1.2.1 世界知名浏览器厂商对HTML 5的支持 4 1.2.2 第一个理由:时代的要求 5 1.2.3 第二个理由:Internet Explorer 8 5 1.3 可以放心使用HTML 5的三个理由 6 1.4 HTML 5要解决的三个问题 6 第2章 HTML 5与HTML 4的区别 8 2.1 语法的改变 8 2.1.1 HTML 5的语法变化 8 2.1.2 HTML 5中的标记方法 9 2.1.3 HTML 5确保的兼容性 10 2.1.4 标记示例 11 2.2 新增的元素和废除的元素 12 2.2.1 新增的结构元素 12 2.2.2 新增的其他元素 14 2.2.3 新增的input元素的类型 18 2.2.4 废除的元素 19 2.3 新增的属性和废除的属性 20 2.3.1 新增的属性 20 2.3.2 废除的属性 22 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 2.5 新增的事件 26 第3章 HTML 5的结构 28 3.1 新增的主体结构元素 28 3.1.1 article元素 29 3.1.2 section元素 31 3.1.3 nav元素 33 3.1.4 aside元素 34 3.1.5 time元素与微格式 36 3.1.6 pubdate属性 37 3.2 新增的非主体结构元素 38 3.2.1 header元素 38 3.2.2 footer元素 39 3.2.3 address元素 40 3.2.4 main元素 41 3.3 HTML 5中网页结构 42 3.3.1 HTML 5中的大纲 42 3.3.2 大纲的编排规则 48 3.3.3 对新的结构元素使用样式 51 第4章 表单及其他新增和改良元素 53 4.1 新增元素与属性 53 4.1.1 新增属性 53 4.1.2 大幅度地增加与改良input元素的种类 65 4.1.3 对新的表单元素使用样式 77 4.1.4 output元素的追加 77 4.2 表单验证 78 4.2.1 自动验证 78 4.2.2 取消验证 79 4.2.3 显式验证 79 4.3 增强的页面元素 80 4.3.1 新增的f igure元素与f igcaption元素 80 4.3.2 新增的details元素与summary元素 82 4.3.3 新增的mark元素 83 4.3.4 新增的progress元素 86 4.3.5 新增的meter元素 87 4.3.6 新增的dialog元素 88 4.3.7 改良的a元素 90 4.3.8 改良的ol列表 91 4.3.9 改良的dl列表 92 4.3.10 加以严格限制的cite元素 93 4.3.11 重新定义的small元素 94 4.3.12 安全性增强的iframe元素 94 4.3.13 增强的script元素 97 第5章 绘制图形 102 5.1 canvas元素的基础知识 102 5.1.1 在页面中放置canvas元素 103 5.1.2 绘制矩形 103 5.2 使用路径 105 5.2.1 绘制圆形 105 5.2.2 不关闭路径会怎么样 108 5.2.3 绘制直线 109 5.2.4 绘制曲线 114 5.2.5 使用Path2D对象绘制路径 116 5.3 绘制渐变图形 119 5.3.1 绘制线性渐变 119 5.3.2 绘制径向渐变 121 5.4 绘制变形图形 122 5.4.1 坐标变换 122 5.4.2 坐标变换与路径的结合使用 124 5.4.3 矩阵变换 125 5.5 给图形绘制阴影 129 5.6 使用图像 130 5.6.1 绘制图像 130 5.6.2 图像平铺 133 5.6.3 图像裁剪 135 5.6.4 像素处理 137 5.7 图形、图像的组合与混合 138 5.7.1 组合图形 138 5.7.2 混合图像 140 5.8 绘制文字 143 5.9 补充知识 145 5.9.1 保存与恢复状态 145 5.9.2 保存文件 146 5.9.3 简单动画的制作 147 第6章 多媒体相关API 150 6.1 多媒体播放 151 6.1.1 video元素与audio元素的基础知识 151 6.1.2 属性 153 6.1.3 方法 157 6.1.4 事件 160 6.2 对音频或视频添加字幕 163 6.2.1 track元素的基础知识 163 6.2.2 track元素的各种属性 164 6.2.3 WebVTT文件 166 第7章 History API 171 7.1 History API的基本概念 171 7.2 History API使用示例 172 7.2.1 使用History API 172 7.2.2 结合使用Canvas API与History API 182 第8章 本地存储 187 8.1 Web Storage 188 8.1.1 Web Storage是什么 188 8.1.2 简单Web留言本 191 8.1.3 作为简易数据库来利用 194 8.1.4 利用storage事件实时监视Web Storage中的数据 196 8.2 本地数据库 199 8.2.1 本地数据库的基本概念 199 8.2.2 用executeSql来执行查询 199 8.2.3 使用数据库实现Web留言本 200 8.2.4 transaction方法中的处理 204 8.3 indexedDB数据库 206 8.3.1 indexedDB数据库的基本概念 206 8.3.2 连接数据库 206 8.3.3 数据库的版本更新 208 8.3.4 创建对象仓库 210 8.3.5 创建索引 213 8.3.6 索引的multiEntry属性值 216 8.3.7 使用事务 216 8.3.8 保存数据 218 8.3.9 获取数据 221 8.3.10 根据主键值检索数据 225 8.3.11 根据索引属性值检索数据 232 8.3.12 复合索引 237 8.3.13 统计对象仓库中的数据数量 242 8.3.14 使用indexedDB API制作Web留言本 243 第9章 离线应用程序 250 9.1 离线Web应用程序详解 250 9.1.1 新增的本地缓存 250 9.1.2 本地缓存与浏览器网页缓存的区别 251 9.2 manifest文件 251 9.3 浏览器与服务器的交互过程 254 9.4 applicationCache对象 255 9.4.1 swapCache方法 255 9.4.2 applicationCache对象的事件 258 第10章 文件API 261 10.1 FileList对象与f ile对象 262 10.2 ArrayBuffer对象与ArrayBufferView对象 263 10.2.1 基本概念 263 10.2.2 ArrayBuffer对象 263 10.2.3 ArrayBufferView对象 263 10.2.4 DataView对象 265 10.3 Blob对象 269 10.3.1 Blob对象概述 269 10.3.2 创建Blob对象 271 10.3.3 Blob对象的slice方法 274 10.3.4 在IndexedDB数据库中保存Blob对象 275 10.4 FileReader对象 277 10.4.1 FileReader对象的方法 277 10.4.2 FileReader对象的事件 278 10.4.3 FileReader对象的使用示例 278 10.5 FileSystem API 285 10.5.1 FileSystem API概述 285 10.5.2 FileSystem API的适用场合 286 10.5.3 请求访问文件系统 287 10.5.4 申请磁盘配额 289 10.5.5 创建文件 294 10.5.6 写入文件 297 10.5.7 在文件中追加数据 300 10.5.8 读取文件 301 10.5.9 复制磁盘中的文件 304 10.5.10 删除文件 306 10.5.11 创建目录 307 10.5.12 读取目录中的内容 312 10.5.13 删除目录 314 10.5.14 复制文件或目录 316 10.5.15 移动文件或目录与重命名文件或目录 319 10.5.16 f ilesystem:URL前缀 321 10.5.17 综合案例 325 10.6 Base64编码支持 333 10.6.1 Base64编码概述 333 10.6.2 在HTML 5中支持Base64编码 335 第11章 通信API 340 11.1 跨文档消息传输 341 11.1.1 跨文档消息传输的基本知识 341 11.1.2 跨文档消息传输示例 341 11.1.3 通道通信 343 11.2 WebSockets通信 348 11.2.1 WebSockets通信的基本知识 348 11.2.2 使用WebSockets API 348 11.2.3 WebSockets API使用示例 349 11.2.4 发送对象 351 11.2.5 发送与接收原始二进制数据 352 11.2.6 实现WebSockets API的开发框架 353 11.2.7 WebSocket协议 354 11.2.8 WebSockets API的适用场景 354 11.3 Server-Sent Events API 354 11.3.1 Server-Sent Events API的基本概念 354 11.3.2 Server-Sent Events API的实现方法 355 11.3.3 事件ID的使用示例 362 第12章 WebRTC通信 366 12.1 WebRTC的基本概念 366 12.2 使用getUserMedia方法访问本地设备 367 12.2.1 浏览器检测 367 12.2.2 获取对视频输入设备或音频输入设备的访问权限 368 12.2.3 实现拍照功能 370 12.2.4 与CSS 3结合使用 372 12.3 手工建立WebRTC通信 372 12.3.1 WebRTC通信的基本概念 372 12.3.2 建立P2P通信 372 12.3.3 手工实现信令 373 12.3.4 剖析SDP交换过程 382 12.3.5 剖析ICE交换过程 388 12.4 穿越NAT/防火墙进行通信 390 12.4.1 穿越NAT 391 12.4.2 穿越防火墙 392 12.5 使用Node.js进行信令 395 12.5.1 建立信令服务器 395 12.5.2 修改信令处理 396 12.6 使用WebRTC进行多人通信 404 12.7 使用RTCDataChannel进行通信 425 12.7.1 RTCDataChannel的基本概念 425 12.7.2 实现RTCDataChannel通信 426 12.7.3 实现浏览器与浏览器之间的文件发送功能 438 第13章 扩展的XMLHttpRequest API 449 13.1 从服务器端获取二进制数据 449 13.1.1 ArrayBuffer响应 450 13.1.2 Blob响应 455 13.2 发送数据 456 13.2.1 发送字符串 457 13.2.2 发送表单数据 458 13.2.3 上传文件 461 13.2.4 发送Blob对象 462 13.2.5 发送ArrayBuffer对象 465 13.3 跨域数据请求 469 第14章 使用Web Workers处理线程 471 14.1 基础知识 472 14.2 与线程进行数据的交互 475 14.3 线程嵌套 477 14.3.1 单层嵌套 477 14.3.2 在多个子线程中进行数据的交互 480 14.4 线程中可用的变量、函数与类 481 14.5 适用场合 482 14.6 SharedWorker 482 14.6.1 基础知识 482 14.6.2 实现前台页面与后台线程之间的通信 483 14.6.3 定义页面与共享的后台线程开始通信时的处理 483 14.6.4 SharedWorker的使用示例 484 第15章 获取地理位置信息 490 15.1 Geolocation API的基本知识 490 15.1.1 取得当前地理位置 490 15.1.2 持续监视当前地理位置的信息 493 15.1.3 停止获取当前用户的地理位置信息 493 15.2 position对象 493 15.3 在页面上使用google地图 495 第16章 拖放API与通知API 498 16.1 拖放API 498 16.1.1 实现拖放的步骤 498 16.1.2 DataTransfer对象的属性与方法 501 16.1.3 设定拖放时的视觉效果 502 16.1.4 自定义拖放图标 503 16.2 通知API 503 16.2.1 通知API的基础知识 503 16.2.2 通知API的代码使用示例 506 第17章 其他API 510 17.1 Page Visibility API 511 17.1.1 Page Visibility API概述 511 17.1.2 Page Visibility API的使用场合 511 17.1.3 实现Page Visibility API 511 17.2 Fullscreen API 514 17.2.1 Fullscreen API概述 514 17.2.2 实现Fullscreen API 514 17.2.3 Fullscreen API代码使用示例 517 17.3 鼠标指针锁定API 519 17.3.1 鼠标指针锁定API概述 519 17.3.2 鼠标指针锁定API代码使用示例 520 17.4 requestAnimationFrame 524 17.4.1 requestAnimationFrame概述 524 17.4.2 requestAnimFrame代码使用示例 524 17.5 Mutation Observer 526 17.6 Promise 531 17.6.1 Promise对象的基本概念 531 17.6.2 创建Promise对象 537 17.6.3 链式调用Promise对象的then方法 540 17.6.4 将异步操作队列化 542 17.6.5 异常处理 543 17.6.6 创建序列 544 17.6.7 执行并行处理 549 17.7 Beacon API 550 17.7.1 Beacon API概述 550 17.7.2 Beacon API的使用方法 551 下 册 第18章 CSS 3概述 553 18.1 概要介绍 553 18.1.1 CSS 3是什么 553 18.1.2 CSS 3的历史 554 18.2 使用CSS 3能做什么 554 18.2.1 模块与模块化结构 554 18.2.2 一个简单的CSS 3示例 556 第19章 选择器 559 19.1 选择器概述 560 19.2 属性选择器 561 19.2.1 属性选择器概述 561 19.2.2 CSS 3中的属性选择器 563 19.2.3 灵活运用属性选择器 564 19.3 结构性伪类选择器 565 19.3.1 CSS中的伪类选择器及伪元素 565 19.3.2 选择器root、not、empty和target 570 19.3.3 选择器f irst-child、last-child、nth-child和nth-last-child 574 19.3.4 选择器nth-of-type和nth-last-of-type 579 19.3.5 循环使用样式 582 19.3.6 only-child选择器 584 19.4 UI元素状态伪类选择器 585 19.4.1 伪类选择器E:hover、E:active和E:focus 586 19.4.2 伪类选择器E:enabled与E:disabled 588 19.4.3 伪类选择器E:read-only与E:read-write 589 19.4.4 伪类选择器E:checked、E:default和E:indeterminate 590 19.4.5 伪类选择器E::selection 593 19.4.6 伪类选择器E:invalid与E:valid 595 19.4.7 伪类选择器E:required与E:optional 596 19.4.8 伪类选择器E:in-range与E:out-of-range 596 19.5 通用兄弟元素选择器 597 第20章 使用选择器在页面中插入内容 599 20.1 使用选择器来插入文字 599 20.1.1 使用选择器来插入内容 599 20.1.2 指定个别元素不进行插入 601 20.2 插入图像文件 602 20.2.1 在标题前插入图像文件 602 20.2.2 插入图像文件的好处 603 20.2.3 将alt属性的值作为图像的标题来显示 605 20.3 使用content属性来插入项目编号 605 20.3.1 在多个标题前加上连续编号 606 20.3.2 在项目编号中追加文字 607 20.3.3 指定编号的样式 607 20.3.4 指定编号的种类 608 20.3.5 编号嵌套 608 20.3.6 中编号中嵌入大编号 610 20.3.7 在字符串两边添加嵌套文字符号 611 第21章 文字与字体相关样式 614 21.1 给文字添加阴影——text-shadow属性 614 21.1.1 text-shadow属性的使用方法 614 21.1.2 位移距离 616 21.1.3 阴影的模糊半径 617 21.1.4 阴影的颜色 617 21.1.5 指定多个阴影 618 21.2 让文本自动换行——word-break属性 618 21.2.1 依靠浏览器让文本自动换行 619 21.2.2 指定自动换行的处理方法 619 21.3 让长单词与URL地址自动换行——word-wrap属性 621 21.4 使用服务器端字体——Web Font与@font-face属性 621 21.4.1 在网页上显示服务器端字体 621 21.4.2 定义斜体或粗体字体 623 21.4.3 显示客户端本地的字体 625 21.4.4 属性值的指定 627 21.5 修改字体种类而保持字体尺寸不变——font-size-adjust属性 628 21.5.1 字体不同导致文字大小的不同 628 21.5.2 font-size-adjust属性的使用方法 629 21.5.3 浏览器对于aspect值的计算方法 629 21.5.4 font-size-adjust属性的使用示例 630 21.6 使用rem单位定义字体大小 631 第22章 盒相关样式 633 22.1 盒的类型 633 22.1.1 盒的基本类型 633 22.1.2 inline-block类型 635 22.1.3 inline-table类型 642 22.1.4 list-item类型 644 22.1.5 run-in类型与compact类型 645 22.1.6 表格相关类型 646 22.1.7 none类型 648 22.1.8 各种浏览器对于各种盒类型的支持情况 649 22.2 对于盒中容纳不下的内容的显示 650 22.2.1 overf low属性 650 22.2.2 overf low-x属性与overf low-y属性 653 22.2.3 text-overf low属性 654 22.3 对盒使用阴影 656 22.3.1 box-shadow属性的使用方法 656 22.3.2 将参数设定为0 656 22.3.3 创建盒内阴影 658 22.3.4 对盒内子元素使用阴影 658 22.3.5 对第一个文字或第一行使用阴影 659 22.3.6 对表格及单元格使用阴影 660 22.4 指定针对元素的宽度与高度的计算方法 661 22.4.1 box-sizing属性 661 22.4.2 为什么要使用box-sizing属性 664 第23章 背景与边框相关样式 666 23.1 与背景相关的新增属性 666 23.1.1 指定背景的显示范围——background-clip属性 667 23.1.2 指定背景图像的绘制起点——background-origin属性 669 23.1.3 指定背景图像的尺寸——background-size属性 672 23.1.4 新增的用于平铺背景图像的选项——space与round 676 23.2 在一个元素中显示多个背景图像 678 23.3 使用渐变色背景 679 23.3.1 绘制线性渐变 679 23.3.2 绘制放射性渐变 682 23.4 圆角边框的绘制 685 23.4.1 border-radius属性 686 23.4.2 在border-radius属性中指定两个半径 686 23.4.3 不显示边框的时候 687 23.4.4 修改边框种类的时候 688 23.4.5 绘制四个角不同半径的圆角边框 688 23.5 使用图像边框 688 23.5.1 border-image属性 688 23.5.2 border-image属性的最简单的使用方法 690 23.5.3 使用border-image属性来指定边框宽度 692 23.5.4 指定4条边中图像的显示方法 693 23.5.5 使用背景图像 696 第24章 CSS 3中的变形处理 698 24.1 transform功能的基础知识 698 24.1.1 如何使用transform功能 698 24.1.2 transform功能的分类 699 24.2 对一个元素使用多种变形 704 24.2.1 对一个元素使用多种变形的方法 704 24.2.2 指定变形的基准点 707 24.3 使用3D变形功能 709 24.3.1 3D变形功能概述 709 24.3.2 实现3D变形功能 710 24.4 变形矩阵 718 24.4.1 矩阵概述 718 24.4.2 变形与坐标系统 719 24.4.3 计算2D变形 719 24.4.4 计算3D变形 721 24.4.5 通过矩阵执行多重变形处理 722 第25章 CSS 3中的动画功能 725 25.1 Transitions功能 725 25.1.1 Transitions功能的使用方法 726 25.1.2 使用Transitions功能同时平滑过渡多个属性值 727 25.2 Animations功能 730 25.2.1 Animations功能的使用方法 730 25.2.2 实现多个属性值同时改变的动画 733 25.2.3 实现动画的方法 736 25.2.4 实现网页的淡入效果 737 第26章 布局相关样式 739 26.1 多栏布局 740 26.1.1 使用f loat属性或position属性的缺点 740 26.1.2 使用多栏布局方式 741 26.2 盒布局 747 26.2.1 使用f loat属性或position属性时的缺点 747 26.2.2 使用盒布局 749 26.2.3 盒布局与多栏布局的区别 750 26.3 弹性盒布局 751 26.3.1 对多个元素使用f lex属性 751 26.3.2 改变元素的显示顺序 753 26.3.3 改变元素的排列方向 754 26.3.4 元素宽度与高度的自适应 755 26.3.5 使用弹性盒布局来消除空白 758 26.3.6 对多个元素使用f lex属性 759 26.3.7 控制换行方式 766 26.3.8 指定水平方向与垂直方向的对齐方式 769 26.4 calc方法 781 26.4.1 calc方法概述 781 26.4.2 calc方法使用示例 781 第27章 Media Queries相关样式 783 27.1 根据浏览器的窗口大小来选择使用不同的样式 783 27.2 在iPhone中的显示 788 27.3 Media Queries的使用方法 789 第28章 CSS 3的其他重要样式和属性 792 28.1 颜色相关样式 792 28.1.1 利用alpha通道来设定颜色 793 28.1.2 alpha通道与opacity属性的区别 795 28.1.3 指定颜色值为transparent 797 28.2 用户界面相关样式 798 28.2.1 轮廓相关样式 799 28.2.2 resize属性 801 28.3 使用initial属性值取消对元素的样式指定 802 28.3.1 取消对元素的样式指定 802 28.3.2 使用initial属性值并不等于取消样式设定的特例 804 28.4 实现CSS 3中的滤镜特效 805 28.4.1 滤镜特效概述 805 28.4.2 实现滤镜特效 806 第29章 综合实例 815 29.1 实例1:使用HTML 5中新增结构元素来构建网页 815 29.1.1 组织网页结构 815 29.1.2 构建网页标题 818 29.1.3 构建侧边栏 820 29.1.4 构建主体内容 823 29.1.5 构建版权信息 829 29.2 实例2:使用HTML 5+CSS 3来构建Web应用程序 829 29.2.1 HTML 5页面代码分析 830 29.2.2 CSS 3样式代码分析 833 29.2.3 脚本代码分析 836 附录A 截至2015年5月五大浏览器最新版对HTML 5的支持情况 844 |
编辑推荐 |
超级畅销书,HTML 5与CSS 3领域公认的标杆之作,前两版累计印刷超过15次,网络书店评论超过8000条。 资深专家根据HTML 5与CSS 3最新技术标准撰写,内容系统而全面,详尽讲解了HTML 5与CSS 3的功能和特性,包含大量案例,可操作性极强。 |
还好没什么感觉,估计都差不多
评分挺不错的书,老师推荐买的,很有用
评分还好没什么感觉,估计都差不多
评分很不错
评分看来还是可以呀
评分技术部员工的专业书籍。好评
评分商品不错,还可以!
评分挺不错的书,老师推荐买的,很有用
评分挺不错的书,老师推荐买的,很有用
本站所有内容均为互联网搜索引擎提供的公开搜索信息,本站不存储任何数据与内容,任何内容与数据均与本站无关,如有需要请联系相关搜索引擎包括但不限于百度,google,bing,sogou 等,本站所有链接都为正版商品购买链接。
© 2025 windowsfront.com All Rights Reserved. 静流书站 版权所有