疯狂HTML 5+CSS 3+JavaScript讲义-(第2版)_PDF下载[66MB-百度云]李刚

本书特色

[

W3C于2016年11月1日正式发布了HTML 5.1规范，该规范已经得到广大浏览器厂商的支持，主流的*版本的浏览器几乎都支持该规范。与此同时，前端开发的持续火爆，使得HTML 5成为目前的热门领域。本书是一本全面介绍HTML 5、CSS 3和JavaScript前端开发技术的图书，系统地介绍了HTML 5常用的元素和属性、HTML 5的表单元素和属性、HTML 5的绘图支持、HTML 5的多媒体支持、CSS 3的功能和用法、*前沿的变形与动画功能等。除此之外，本书还系统地介绍了JavaScript编程知识，包括JavaScript基本语法、DOM编程，以及HTML 5新增的本地存储、Indexed数据库、离线应用、JavaScript多线程、客户端通信支持、WebSocket编程等。本书的定位是一本前端开发的“实战性”图书，因此在介绍各知识点时并不是简单地停留在知识点层面阐述，而是结合了大量实例来让读者对照练习、学以致用。本书*后还提供了一个基于HTML 5技术的小游戏：疯狂俄罗斯方块。该游戏综合运用了HTML 5的绘图支持、客户端存储等技术，具有较高的参考价值。本书提供了配套的答疑网站，如果读者在阅读本书时遇到了技术问题，可以登录疯狂Java联盟（http://www.crazyit.org）发帖，笔者将会及时予以解答。

]

内容简介

[

《疯狂 HTML 5 CSS 3 JavaScript讲义（第2版）》由知名IT作家李刚老师创作
本书的中文繁体字版授权到中国台湾地区
全书面向HTML 5.1规范正式版，更新多个元素、拖放规范的相关知识，新增外挂字幕、点线模式等内容，着重介绍新增的手机端相关特性
详细介绍渐变背景支持、弹性盒布局、手机浏览器响应式布局、3D变换等CSS新增特性及重大改进

]

作者简介

[

十多年的软件开发从业经验，疯狂软件教育中心教学总监。疯狂Java实训营创始人，疯狂Java体系原创图书作者。广东技术师范学院计算机科学系的兼职副教授，51CTO专家门诊特邀嘉宾。培训的学生已在华为、IBM、阿里软件、网易、电信盈科等名企就职。国内著名高端IT技术作家，已出版《疯狂Java讲义》《疯狂Android讲义》《轻量级Java EE企业应用实战》《疯狂iOS讲义（基础篇）（高级篇）》《疯狂 Swift讲义》《疯狂Ajax讲义》《疯狂XML讲义》《经典Java EE企业应用实战》《Struts 2.x权威指南》《疯狂HTML 5/CSS 3/JavaScript讲义》等著作。其中疯狂Java体系图书均已沉淀多年、赢得极高的市场认同、多次重印成为超级畅销图书，并被多所“985”“211”高校选作教材，不少图书已被翻译成繁体中文版、授权到台湾地区。

]

第1章　HTML 5简介 11.1　HTML历史与HTML 5 21.1.1　HTML发展历史 21.1.2　HTML 4.01和XHTML 31.1.3　HTML和XHTML的文档类型定义（DTD） 41.1.4　从XHTML到HTML 5 51.2　HTML 5的优势 61.2.1　解决跨浏览器问题 61.2.2　部分代替了原来的JavaScript 61.2.3　更明确的语义支持 71.2.4　增强了Web应用程序的功能 81.3　HTML 5的基本结构和语法变化 81.3.1　HTML 5的基本结构 81.3.2　标签不再区分大小写 91.3.3　元素可以省略结束标签 101.3.4　支持boolean值的属性 111.3.5　允许属性值不使用引号 121.4　本章小结 12第2章　HTML 5的常用元素与属性 142.1　HTML 5保留的常用元素 152.1.1　基本元素 152.1.2　文本格式相关元素 172.1.3　语义相关元素 192.1.4　使用a元素添加超链接和锚点 212.1.5　列表相关元素 242.1.6　使用img元素添加图片 272.1.7　表格相关元素 302.2　HTML 5增强的iframe元素 342.2.1　HTML 5新增的srcdoc属性 352.2.2　HTML 5新增的seamless属性 362.2.3　HTML 5新增的sandbox属性 362.3　HTML 5保留的通用属性 402.3.1　id、style、class属性 402.3.2　dir属性 412.3.3　title属性 422.3.4　lang属性 432.3.5　accesskey属性 432.3.6　tabindex属性 432.4　HTML 5新增的通用属性 442.4.1　contentEditable属性 442.4.2　designMode属性 462.4.3　hidden属性 462.4.4　spellcheck属性 472.4.5　contextmenu属性 472.5　HTML 5新增的结构元素 482.5.1　article与section元素 482.5.2　header与footer元素 512.5.3　nav与aside元素 522.5.4　main元素 532.5.5　figure与figcaption元素 542.6　HTML 5新增的语义元素 552.6.1　mark元素 552.6.2　time元素 562.6.3　details与summary元素 562.6.4　ruby、rtc、rb、rt和rp元素 572.6.5　bdi元素 582.6.6　wbr元素 582.6.7　menu和menuitem元素 592.7　HTML 5头部和元信息 592.7.1　link元素 602.7.2　base元素 622.7.3　meta元素 622.8　HTML 5新增的拖放API 632.8.1　启动拖动 632.8.2　接受“放” 652.8.3　DataTransfer对象 672.8.4　拖放行为 692.8.5　改变拖放图标 702.9　本章小结 71第3章　HTML 5表单相关的元素和属性 723.1　HTML原有的表单及表单控件 733.1.1　form元素 733.1.2　input元素 743.1.3　使用label定义标签 773.1.4　使用button定义按钮 783.1.5　select与option元素 793.1.6　HTML 5增强的textarea 803.1.7　fieldset与legend元素 823.2　HTML 5新增的表单属性 833.2.1　form属性 833.2.2　formaction属性 833.2.3　formxxx属性 843.2.4　autofocus属性 853.2.5　placeholder属性 853.2.6　list属性 863.2.7　autocomplete属性 873.2.8　label的control属性 883.2.9　表单元素的labels属性 883.2.10　文本框的selectionDirection属性 893.2.11　复选框的indeterminate属性 893.3　HTML 5新增的表单元素 903.3.1　功能丰富的input元素 903.3.2　output元素 933.3.3　meter元素 943.3.4　progress元素 953.3.5　keygen元素 953.4　HTML 5新增的客户端校验 963.4.1　使用校验属性执行校验 963.4.2　调用checkValidity方法进行校验 973.4.3　自定义错误提示 983.4.4　关闭校验 993.5　本章小结 100第4章　HTML 5的绘图支持 1014.1　使用canvas元素 1024.2　绘图 1034.2.1　canvas绘图基础：CanvasRenderingContext2D 1034.2.2　绘制几何图形 1054.2.3　点线模式 1074.2.4　绘制字符串 1094.2.5　设置阴影 1104.2.6　使用路径 1114.2.7　绘制曲线 1154.2.8　绘制位图 1174.3　坐标变换 1184.3.1　使用坐标变换 1184.3.2　坐标变换与路径结合使用 1194.3.3　使用矩阵变换 1214.4　控制叠加风格 1234.5　控制填充风格 1244.5.1　线性渐变 1244.5.2　径向渐变 1264.5.3　位图填充 1274.6　位图处理 1284.6.1　位图裁剪 1284.6.2　像素处理 1294.7　输出位图 1324.8　动画制作 1334.8.1　基于定时器的动画 1334.8.2　基于requestAnimationFrame的动画 1354.9　本章小结 136第5章　HTML 5的多媒体支持 1375.1　使用audio和video元素 1385.2　使用JavaScript脚本控制媒体播放 1415.2.1　HTMLAudioElement与HTMLVideoElement支持的方法 1415.2.2　HTMLAudioElement与HTMLVideoElement的属性 1435.3　事件监听 1445.3.1　事件 1445.3.2　监听器 1455.4　track元素 1465.4.1　使用track元素添加字幕 1465.4.2　WebVTT文件简介 1475.4.3　字幕内容的标记 1485.5　本章小结 149第6章　级联样式单与CSS选择器 1506.1　样式单概述 1516.1.1　CSS概述 1516.1.2　CSS的发展历史 1526.2　CSS样式单的基本使用 1526.2.1　引入外部样式文件 1526.2.2　导入外部样式单 1546.2.3　使用内部CSS样式 1556.2.4　使用行内样式 1566.3　CSS选择器 1586.3.1　元素选择器 1586.3.2　属性选择器 1596.3.3　ID选择器 1616.3.4　class选择器 1626.3.5　包含选择器 1636.3.6　子选择器 1646.3.7　CSS 3新增的兄弟选择器 1656.3.8　选择器组合 1666.4　伪元素选择器 1676.4.1　内容相关的属性 1696.4.2　插入图像 1706.4.3　只插入部分元素 1716.4.4　配合quotes属性执行插入 1716.4.5　配合counter-increment属性添加编号 1726.4.6　使用自定义编号 1736.4.7　添加多级编号 1746.5　CSS 3新增的伪类选择器 1766.5.1　结构性伪类选择器 1766.5.2　UI元素状态伪类选择器 1866.5.3　:target伪类选择器 1936.5.4　:not伪类选择器 1946.6　在脚本中修改显示样式 1956.6.1　随机改变页面的背景色 1956.6.2　动态增加立体效果 1966.7　本章小结 197第7章　字体与文本相关属性 1987.1　字体相关属性 1997.1.1　使用text-shadow添加阴影 2017.1.2　添加多个阴影 2027.1.3　使用font-size-adjust属性微调字体大小 2037.2　CSS 3支持的颜色表示方法 2057.3　文本相关属性 2067.3.1　使用white-space控制空白的处理行为 2087.3.2　文本自动换行：word-break 2097.3.3　用word-warp控制长单词或URL地址换行 2107.4　CSS 3新增的服务器字体 2127.4.1　使用服务器字体 2127.4.2　定义粗体、斜体字 2137.4.3　优先使用客户端字体 2147.5　本章小结 215第8章　背景、边框和边距相关属性 2168.1　盒模型简介 2178.2　背景相关属性 2178.2.1　背景图片固定 2198.2.2　CSS 3新增的background-clip属性 2208.2.3　CSS 3新增的background-origin属性 2218.2.4　CSS 3新增的background-size属性 2228.2.5　CSS 3为background-repeat新增的space和round 2248.2.6　CSS 3新增的多背景图片 2258.3　使用渐变背景 2268.3.1　使用linear-gradient设置线性渐变 2268.3.2　使用repeating-linear-gradient设置循环线性渐变 2308.3.3　使用radial-gradient设置径向渐变 2318.3.4　使用repeating-radial-gradient设置循环径向渐变 2388.4　边框相关属性 2398.4.1　CSS 3提供的渐变边框 2418.4.2　CSS 3提供的圆角边框 2428.4.3　CSS 3提供的图片边框 2448.5　使用opacity控制透明度 2468.6　padding和margin相关属性 2478.6.1　内填充相关属性 2478.6.2　外边距相关属性 2488.7　本章小结 249第9章　大小、定位、轮廓相关属性 2509.1　width、height相关属性 2519.1.1　CSS 3新增的box-sizing属性 2529.1.2　CSS 3新增的resize属性 2539.1.3　CSS 3新增的calc函数 2549.2　定位相关属性 2559.3　轮廓相关属性 2579.4　用户界面和滤镜属性 2589.4.1　appearance属性 2599.4.2　使用filter属性应用滤镜 2609.5　本章小结 263第10章　盒模型与布局相关属性 26410.1　盒模型和display属性 26510.1.1　两种*基本的盒类型 26510.1.2　none值和visibility属性 26710.1.3　inline-block类型的盒模型 26710.1.4　inline-table类型的盒模型 27010.1.5　使用table类型的盒模型实现表格 27110.1.6　list-item类型的盒模型 27210.1.7　run-in类型的盒模型 27310.2　对盒添加阴影 27510.2.1　使用box-shadow属性 27510.2.2　对表格及单元格添加阴影 27710.3　布局相关属性 27810.3.1　通过float属性实现多栏布局 27910.3.2　使用clear属性实现换行 28010.3.3　使用overflow设置滚动条 28210.3.4　使用overflow-style控制滚动方式 28310.3.5　使用clip属性控制裁剪 28410.4　CSS 3新增的多栏布局 28510.4.1　使用column-width指定栏宽度 28610.4.2　使用column-gap和column-rule控制分栏间隔 28710.4.3　使用column-span设置跨栏 28810.5　使用弹性盒布局 28910.5.1　使用flex类型的盒模型 29010.5.2　通过flex-direction指定盒内元素的排列方向 29110.5.3　使用flex-wrap控制换行 29310.5.4　使用order控制元素显示顺序 29410.5.5　使用flex属性控制子元素的缩放 29510.5.6　使用align-items和ali