疯狂HTML 5/CSS 3/JavaScript讲义

出版时间：2012-5  出版社：电子工业出版社  作者：李刚  页数：500  字数：819000  
Tag标签：无  

前言

　　HTML 5时代即将到来，Firefox、Opera、Chrome等浏览器早已很好地支持各种HTML 5规范，微软从IE 9开始也能支持HTML 5、CSS 3和SVG等新规范。W3C已经把发布HTML 5规范纳入了议事日程。这些事实表明：HTML 5正在向大家招手。　　笔者一直在自己的电脑上安装着5个浏览器：Internet Explorer、Firefox、Opera、Chrome和Safari，每当这些浏览器有新版本面世时，笔者总会在第一时间去下载并使用它们，总希望了解到这些浏览器对HTML 5的支持程度。现在很欣喜地看到，绝大部分浏览器都已对HTML 5提供了很好的支持。　　对于所有的前端开发者来说，HTML 5与CSS 3是一个长久的“期待”，因为以前的前端开发太痛苦了——①HTML控件的功能过于单一，比如一个简单的日历选择框，前端开发者必须书写大量的JavaScript代码才能完成（或者直接用第三方提供的日历组件）；②各浏览器厂商对HTML、JavaScript、CSS的支持有差异，开发人员需要花费大量时间来解决前端开发所遇到的跨浏览器问题……对于所有从事企业级应用开发的程序员来说，前端开发又是无法回避的，有时候前端UI开发的时间占到整个项目开发时间的40％（甚至更高），HTML 5的到来可以让前端开发者更加轻松。　　本书特点　　本书是一本介绍HTML 5、CSS 3和JavaScript开发的实用图书。全书可分为4个部分。　　第一部分：全面地介绍了HTML 5的全部标签，并且详细地介绍了各标签所支持的属性，并为各HTML标签、属性都提供了配套的示例页面，这些内容不仅可以作为学习HTML 5的教程，也可以作为日常开发的参考手册。　　第二部分：详细地介绍了CSS 3的绝大部分常用选择器、属性，并为这些选择器、属性提供了示例，方便广大读者参考本书全面、系统地掌握CSS 3的功能和用法。这部分内容也可以作为前端开发者的参考手册。　　第三部分：重点介绍了JavaScript编程的相关内容，包括JavaScript基础语法、JavaScript函数、JavaScript对象、DOM编程、事件处理、本地存储、离线应用、多线程、跨文档消息通信、WebSocket编程等知识，这些内容既覆盖了初学者的编程基础，也覆盖了HTML 5所支持的新功能，非常适合作为前端开发者的学习教程。　　第四部分：综合运用了HTML 5的绘图支持、客户端存储、CSS样式、JavaScript编程等内容，开发了一个网页版的“疯狂俄罗斯方块”。这个小游戏既可让读者巩固前面所掌握的各种知识，也可让读者将所学理论运用到实际开发中。　　需要说明的是，本书只是一本介绍HTML 5、CSS 3、JavaScript实际开发的图书，而不是一本关于所谓“设计思想”的书，不要指望学习本书能提高你所谓的“设计思想”，所以奉劝那些希望提高思想的读者不要阅读本书。　　本书所介绍的知识都很“浅显”，只要读者愿意坐下来、静心阅读本书，并把书中所有示例循序渐进地练习一遍，本书带给你的只是9个字：“看得懂、学得会、做得出”。本书并没有堆砌一堆“深奥”的新名词、一堆“高深”的思想，本书依然保持了“疯狂Java体系”的一贯风格：思路清晰，语言平实，操作步骤详细。　　只要读者在阅读本书时遇到知识上的问题，都可以登录疯狂Java联盟与广大Java学习者交流，笔者也会通过该平台与大家一起交流、学习。　　本书具有如下几个特点。　　1．知识全面，覆盖面广　　本书全面介绍了HTML 5、CSS 3、JavaScript的各种相关知识，包括HTML 5增强的表单标签、绘图支持、多媒体支持、CSS选择器、CSS盒模型属性、CSS变形和动画相关属性、离线应用、客户端存储、JavaScript多线程、跨文档消息传递、WebSocket等内容。本书全面覆盖了W3C官网上已发布的HTML 5新规范，也覆盖了部分即将发布的新规范。　　2．内容实际，实用性强　　本书并不局限于枯燥的理论介绍，而是采用了“项目驱动”的方式来讲授知识点。无论是讲解HTML 5标签还是CSS 3选择器、属性的功能，几乎每个知识点都可找到对应的参考示例。本书最后还提供了“疯狂俄罗斯方块”案例，实用性很强。　　3．讲解详细，上手容易　　本书保持了“疯狂Java体系”的一贯风格：思路清晰，语言平实，操作步骤详细。只要认真阅读本书，把书中所有示例循序渐进地练习一遍，并把本书最后一个案例独立完成，读者就可达到企业前端开发的要求。　　创作感言　　又一本新书将面世，我已经退去了看到新书面世的欣喜感，反倒油然而生一种惶恐：也许因为已出版了不少图书，不再产生新鲜的惊喜；也许因为大量读者的殷切期望，深恐自己的新书不能满足所有读者的期望。只能把自己十二分的热忱、十二分的努力交出来，希望众多殷殷期望的读者不会失望。　　回想这几年，每年过年都在创作图书，也许这才是一种属于我的状态，一种我喜欢的状态，一种很单纯的状态，一种与浮嚣世界保持距离的状态。当家乡的炮竹声在除夕夜此起彼伏时，当广州的人群在街市上川流不息时，我宁愿、宁愿守着自己宁静的家，听着家人温馨的声音，看着屏幕上的字一个一个地出现，这就是我的生活方式。　　浮嚣世界，熙熙攘攘，世界是热闹的，以一己之身，行走于此滚滚尘世，往往很难心静如水。必得心无旁骛，方生冥冥之志。佛经亦云：凡所有相，皆是虚妄，若见诸相非相，则见如来，也许人生亦该如此。　　本书写给谁看　　本书是一本“从零学习”的HTML 5、CSS 3、JavaScript专业图书，阅读本书并不需要额外的基础。对于刚刚从事前端开发的新人，本书具有很好的学习价值；对于有一定工作经验的前端工程师，本书具有很高的参考价值。本书也可作为高校、培训机构的培训教材。由于本书是一本专业级的前端开发技术图书，对于那些只想简单了解HTML、CSS的业余人士，不推荐选择本书。　　2012-3-10

内容概要

　　HTML 5规范呼之欲出，各浏览器厂商更早已摩拳擦掌，纷纷推出支持HTML
5规范的浏览器：Firefox、Opera、Chrome等浏览器早已很好地支持各种HTML 5规范，微软也宣布IE
9将会更好地支持CSS 3、SVG和HTML 5等新规范，这些迹象表明：HTML 5时代到来了。
　　《疯狂HTML 5/CSS3/JavaScript讲义》是一本全面介绍HTML 5、CSS
3和JavaScript前端开发技术的图书，系统地介绍了HTML 5常用的元素和属性、HTML 5的表单元素和属性、HTML
5的绘图支持、HTML 5的多媒体支持、CSS
3的功能和用法、最前沿的变形与动画功能等。除此之外，本书还系统地介绍了JavaScript编程知识，包括JavaScript基本语法、DOM编程，以及HTML
5新增的本地存储、离线应用、JavaScript多线程、客户端通信支持、WebSocket编程等。
　　《疯狂HTML
5/CSS3/JavaScript讲义》的定位是一本前端开发的“实战性”图书，因此在介绍各知识点时并不是简单地停留在知识点层面阐述，而是结合了大量实例来让读者对照练习、学以致用。本书最后还提供了一个基于HTML
5技术的小游戏：疯狂俄罗斯方块。该游戏综合运用了HTML
5的绘图支持、客户端存储等技术，具有较高的参考价值。本书提供了配套的答疑网站，如果读者在阅读本书时遇到了技术问题，可以登录疯狂Java联盟发帖，笔者将会及时予以解答。

书籍目录

第一部分
第1章 HTML 5简介
　1.1 HTML历史与HTML 5
　　1.1.1 HTML发展历史
　　1.1.2 HTML 4.01和XHTML
　　1.1.3 HTML和XHTML的文档类型定义（DTD）
　　1.1.4 从XHTML到HTML 5
　1.2 HTML 5的优势
　　1.2.1 解决跨浏览器问题
　　1.2.2 部分代替了原来的JavaScript
　　1.2.3 更明确的语义支持
　　1.2.4 增强了Web应用程序的功能
　1.3 HTML 5的基本结构和语法变化
　　1.3.1 HTML 5基本结构
　　1.3.2 HTML 5的语法变化
　1.4 本章小结
第2章　HTML 5的常用元素与属性
　2.1 HTML 5保留的常用元素
　　2.1.1 基本元素
　　2.1.2 文本格式化元素
　　2.1.3 语义相关元素
　　2.1.4 超链接和锚点
　　2.1.5 列表相关元素
　　2.1.6 图像相关元素
　　2.1.7 表格相关元素
　　2.1.8 框架相关元素
　2.2 HTML 5新增的通用属性
　　2.2.1 contentEditable属性
　　2.2.2 designMode属性
　　2.2.3 hidden属性
　　2.2.4 spellcheck属性
　2.3 HTML 5新增的常用元素
　　2.3.1 文档结构元素
　　2.3.2 语义相关元素
　　2.3.3 两个特殊功能的元素
　2.4 HTML 5头部和元信息
　2.5 HTML 5新增的拖放API
　　2.5.1 启动拖动
　　2.5.2 接受“放”
　　2.5.3 DataTransfer对象
　　2.5.4 拖放行为
　　2.5.5 改变拖放图标
　2.6 本章小结
第章　HTML 5表单相关元素和属性
　　3.1 HTML原有的表单及表单控件
　　3.1.1 表单元素
　　3.1.2 使用input元素
　　3.1.3 使用label定义标签
　　3.1.4 使用button定义按钮
　　3.1.5 列表框和下拉菜单
　　3.1.6 使用textarea定义文本域
　3.2 HTML 5新增的属性与元素
　　3.2.1 HTML 5为表单控件新增的属性
　　3.2.2 功能丰富的input元素
　　3.2.3 HTML 5新增的表单控件
　3.3 HTML 5增强的文件上传域
　　3.3.1 FileList对象与File对象
　　3.3.2 使用FileReader读取文件内容
　3.4 HTML 5新增的客户端校验
　　3.4.1 使用校验属性执行校验
　　3.4.2 调用checkValidity方法进行校验
　　3.4.3 自定义错误提示
　　3.4.4 关闭校验
　3.5 本章小结
第4章　HTML 5的绘图支持
　4.1 使用canvas元素
　4.2 绘图
　　4.2.1 canvas绘图基础：CanvasRenderingContext2D
　　4.2.2 绘制几何图形
　　4.2.3 绘制字符串
　　4.2.4 设置阴影
　　4.2.5 使用路径
　　4.2.6 绘制曲线
　　4.2.7 绘制位图
　4.3 图形特效处理
　　4.3.1 使用坐标变换
　　4.3.2 坐标变换与路径结合使用
　　4.3.3 使用矩阵变换
　4.4 控制叠加风格
　4.5 控制填充风格
　　4.5.1 线性渐变
　　4.5.2 圆形渐变
　　4.5.3 位图填充
　4.6 位图处理
　　4.6.1 位图裁剪
　　4.6.2 像素处理
　4.7 输出位图
　4.8 本章小结
第5章　HTML 5的多媒体支持
　5.1 使用audio和video元素
　5.2 使用JavaScript脚本控制媒体播放
　　5.2.1 HTMLAudioElement与HTMLVideoElement支持的方法
　　5.2.2 HTMLAudioElement与HTMLVideoElement的属性
　5.3 事件监听
　　5.3.1 事件
　　5.3.2 监听器
　5.4 本章小结
第二部分
第6章　级联样式单与CSS选择器
　6.1 样式单概述
　　6.1.1 CSS概述
　　6.1.2 CSS的发展历史
　6.2 CSS样式单的基本使用
　　6.2.1 引入外部样式文件
　　6.2.2 导入外部样式单
　　6.2.3 使用内部CSS样式
　　6.2.4 使用内联样式
　6.3 CSS选择器
　　6.3.1 元素选择器
　　6.3.2 属性选择器
　　6.3.3 ID选择器
　　6.3.4 class选择器
　　6.3.5 包含选择器
　　6.3.6 子选择器
　　6.3.7 CSS 3新增的兄弟选择器
　　6.3.8 选择器组合
　6.4 伪元素选择器
　　6.4.1 内容相关的属性
　　6.4.2 插入图像
　　6.4.3 只插入部分元素
　　6.4.4 配合quotes属性执行插入
　　6.4.5 配合counter-increment属性添加编号
　　6.4.6 使用自定义编号
　　6.4.7 添加多级编号
　6.5 CSS 3.0新增的伪类选择器
　　6.5.1 结构性伪类选择器
　　6.5.2 UI元素状态伪类选择器
　　6.5.3 浏览器专属的属性
　　6.5.4 ：not和：target
　6.6 在脚本中修改显示样式
　　6.6.1 随机改变页面的背景色
　　6.6.2 动态增加立体效果
　6.7 本章小结
第7章　字体与文本相关属性
　7.1 字体相关属性
　　7.1.1 添加阴影
　　7.1.2 添加多个阴影
　　7.1.3 使用font-size-adjust属性微调字体大小
　7.2 CSS 3支持的颜色表示方法
　7.3 文本相关属性
　　7.3.1 文本自动换行：word-break
　　7.3.2 长单词和URL地址换行
　7.4 CSS 3新增的服务器字体
　　7.4.1 使用服务器字体
　　7.4.2 定义粗体、斜体字
　　7.4.3 优先使用客户端字体
　7.5 本章小结
第8章　背景、边框和补丁相关属性
　8.1 背景相关属性
　　8.1.1 背景图片固定
　　8.1.2 CSS 3新增的背景相关属性
　　8.1.3 CSS 3新增的多背景图片
　8.2 边框相关属性
　　8.2.1 CSS 3提供的渐变边框
　　8.2.2 CSS 3提供的圆角边框
　　8.2.3 CSS 3提供的图片边框
　8.3 补丁相关属性
　　8.3.1 内补丁相关属性
　　8.3.2 外补丁相关属性
　8.4 本章小结
第9章　大小、定位、轮廓相关属性
　9.1 大小相关属性
　　9.1.1 CSS 3新增的box-sizing属性
　　9.1.2 CSS 3新增的resize属性
　9.2 定位相关属性
　9.3 轮廓相关属性
　9.4 本章小结
第10章　盒模型与布局相关属性
　10.1 布局相关属性
　　10.1.1 通过float属性实现多栏布局
　　10.1.2 使用clear属性实现换行
　　10.1.3 使用clip属性控制裁剪
　　10.1.4 控制组件的滚动条
　10.2 盒模型和display属性
　　10.2.1 两种最基本的盒模型
　　10.2.2 none值
　　10.2.3 inline-block盒模型
　　10.2.4 inline-table盒模型
　　10.2.5 表格相关的盒模型
　　10.2.6 list-item盒模型
　　10.2.7 run-in盒模型
　10.3 对盒添加阴影
　　10.3.1 使用box-shadow属性
　　10.3.2 对表格及单元格添加阴影
　10.4 CSS 3的多栏布局
　　10.4.1 CSS 3新增的分栏功能
　　10.4.2 使用盒模型实现多栏布局
　10.5 本章小结
第11章　表格、列表相关属性及media query
　11.1 表格相关属性
　11.2 列表相关属性
　11.3 控制光标的属性
　11.4 media query功能
　　11.4.1 media query语法
　　11.4.2 针对浏览器宽度调整布局
　11.5 本章小结
第12章　变形与动画相关属性
　12.1 CSS 3提供的变形支持
　　12.1.1 4种基本变形
　　12.1.2 同时应用多种变形
……

章节摘录

版权页：   插图：    在上面这些表单控件中，单行文本框、密码输入框都用于接收用户输入，而隐藏域不能接收用户输入，也不能生成可视化部分，它用于提交额外的请求参数，请求参数的值就是该隐藏域的value属性值，因此定义隐藏域的同时应指定value属性值。 单选框、复选框不能接收用户输入，因此定义它们时同时也会指定value属性值，用于设置它们所对应的请求参数值。对于单选框、复选框而言，当它们被勾选后，它们才会生成对应的请求参数。 文件上传域会生成一个单行文本框和一个“浏览”按钮，该文件上传域允许用户浏览本地磁盘文件，并将该文件上传到服务器。 图像域和提交按钮的作用基本一样，单击它们都会导致表单被提交，区别是图像域是一个图像按钮。 重设按钮的作用是清空表单内用户的输入，将表单内所有表单控件的值恢复到初始状态。 无动作按钮，看它的名称就知道，它只是一个按钮，在默认情况下，单击该按钮对表单不会有任何作用。通常我们可以为该钮编写JavaScript脚本来响应它的单击、双击等事件。

编辑推荐

《疯狂软件教育标准教材:疯狂HTML 5/CSS 3/JavaScript讲义》对HTML 5、CSS 3、JavaScript的介绍是“从零开始”的，因此阅读《疯狂软件教育标准教材:疯狂HTML 5/CSS 3/JavaScript讲义》并不需要额外的基础。对于刚刚从事前端开发的新人，《疯狂软件教育标准教材:疯狂HTML 5/CSS 3/JavaScript讲义》具有很好的学习价值；对于有一定工作经验的前端工程师，《疯狂软件教育标准教材:疯狂HTML 5/CSS 3/JavaScript讲义》具有很高的参考价值。《疯狂软件教育标准教材:疯狂HTML 5/CSS 3/JavaScript讲义》也可作为高校、培训机构的培训教材。

用户评论 (总计118条)

•   疯狂HTML 5/CSS
  /JavaScript讲义(含CD光盘1张)还在看。
•   html5css3javascript的技术，很适合前端开发得看
•   与其他html5书不同的是这本书还讲了css3和javascript，很全面。
•   不错，疯狂系列丛书，学习下html5，很有帮助！
•   Html5和其他版本也没有什么太大的区别，语法更自由一点~
•   李刚的书还是不错的，认真研究HTML5
•   可以作为初步了解HTML5的工具
•   正准备接触下html5，买一本学学
•   不如疯狂java讲义好
•   疯狂系列的书一如既往地支持，很不错的书。。。
•   很喜欢疯狂系列的风格，新作当然要支持了
•   翻开书的封面，就有张疯狂jave学习路线图清晰呈现，这里多少感觉到贴心，最起码为大家提供了一个方向或者说指引，虽然不一定对我有用，但感觉对进修或想系统学习的人挺好的，其他的话，简单翻了翻，听朴素额，都是黑白文字叙述，希望如作者说的简单易懂
•   这本书介绍的很详细，想了解前端开发的话，这是一本参考价值高的书
•   疯狂系列的书一直都挺好看的
•   其实疯狂的这一系列的书还是都不错的
•   疯狂系列一直很不错，，一直
•   一直感觉疯狂系列的书不错，这两天又买了一本，书的质量很不错，就是价钱有点太贵了！！
•   买的第二本疯狂系列的书了，比较详细，容易读懂，适合自学
•   前端开发的好书籍，内容具体实在
•   商品是正版，纸质很好，内容更好，非常适合初学者使用，老师要求把这本书完全看会了，再加上自己努力练习，是对网站开发与设计很有帮助的书籍。
•   支持李刚系列。。。
•   整合了网页前端设计，适合有基础的童鞋整合了网页前端设计，适合有基础的童鞋整合了网页前端设计，适合有基础的童鞋
•   不错的书，对于了解新技术很有帮助。
•   书的质量不错，快递也挺准时，和在下单时网站预计的到达时间一致。
•   朋友介绍说这一系列的都不错，所以挑选了一个适合自己的先学习*
•   技术的书，看一半了，还算可以
•   这种技术未来应该会大发光彩。先看看~~
•   这本书很好，讲得很容易懂，很是和初学者使用。
•   看了评价而买的一本书，以前都是自己网络上看资料学的。不过还是有本书看看还算不错的，可以系统一下学习，弥补自己不知道的盲点。
•   怎一个好字了得？？我要去学习了！！！
•   本来写的自提，但是附近的自提点给撤消了，但是当当给我很快的送了过来。这点上非常赞。送货小哥态度很好。谢谢
•   李刚的书还是一如既往的好
•   写得很好，易于理解，便于实践
•   印刷质量不错，内容还很好，适合初学者。
•   李刚老师的书我基本上都有，非常好，也很厚，纸质一流，印刷清晰，最主要的是内容很棒，讲解到位透彻，在国内也是不可多得的好书了！推荐！
•   书很好，非常满意，就是物流太慢了
•   书的质量很好，内容也丰富，很喜欢~~
•   这次的书很好，没有褶皱，书的内容方面也不错，值得一看
•   这个书真的很好啊，这个书真的很好啊
•   书的质量很好，物流速度也很快，只是有点贵了
•   书很好，很适合初学者。推荐一下大家可以看看。
•   刚看完第一章，总体感觉纸的质量挺不错的。手感也很好，努力学HTM5。
•   货到付款，发货速度给力，东西也很好！
•   帮朋友买的，据说挺好
•   书很不错，字迹清晰，纸张也很好。适合初学者学习
•   好啊好哦啊就会
•   很基础很详细 坏光盘看书难学啊
•   讲得很容易理解，实例透彻。
•   挺好的书,挺好的练习,我要把书练会,才对的起书, 你们说是吗
•   推荐购买这本书，出手吧，值得的
•   这本书不像别人说的都是缺点，各方面都很详细，值得学习！
•   帮别人买的，内容不知道咋样，反正看着挺厚一本书
•   书很不错，适合自学，入门很好的一本书
•   很多朋友都买了这本书，挺实用的
•   感觉这一系列的书比较有实用价值
•   内容比较全面，有用，正在看
•   对于学图，这是一本很好的工具书，比较全面。
•   没看完呢还，需要认真的阅读
•   发货很快，书也不错，只是书角有一点褶皱，不过不影响阅读
•   书很正版，送货速度让人吃惊，当天就收到，赞一个，下次买书就直接**当了。
•   大部分知识都提及了，但还是有些遗漏。
•   还可以吧还可以吧，内容还短吗
•   书不错， 发来的书有的页没裁开
•   书很不错，正版的，值得学习和收藏；快递也很给力，3天收到书。
•   全新正品，书内容很不错。
•   看的很清楚是正版，李刚系列还是比较喜欢的。
•   已到，不错的。
•   值得细看，通俗易懂
•   不错不错不错~！
•   不错 值得看看 但是里面的内容部分说的不是很详细，只是一笔带过！适合有基础的人士看！
•   跟同学买的……。感觉不错
•   是正版，质量不错。挺好的，内容也很实用。
•   还没读，感觉应该很不错！！
•   还没开始看,同学推荐的
•   还行 但时间验证 可能以后的吧
•   好看，很有用
•   这几天忙于别的考试。。还没怎么看。。。大体看了一下还是比较详细。。希望能学会吧。
•   和我想的不一样 但是书还可以
•   还没开始看 但是我会努力的
•   离开了
•   可能现在还不是很能用上
•   印刷不错，入门适合
•   书还是不错的，比较容易理解
•   就是太宽泛了
•   拿到手上觉得不错
•   觉得比较适合初学者！
•   内容充实，适合新手
•   还没看，印刷不错，精装本
•   书崭新干净，谢谢
•   物流给力！正在读书中··· 看上去不错！
•   好书！绝对好书！
•   发货实在是太快啦！以至于我我都反应过来
•   东西相当给力
•   不小心选了平邮，太慢了……
•   我是来打酱油的！我是来打酱油的！我是来打酱油的！
•   在看，感觉不错
•   书还没仔细读！相信不错！
•   基础入门，提高学习的兴趣，案例实用，不错
•   帮老公买的。他说还不错
•   包装还不错，内容还没来得急看，但愿不错吧。。。