有关新手入门html5的书籍有哪些？

HTML5是万维网的核心语言、超文本标记语言(HTML)的第五次重大修改。HTML5 已经于2014年10月正式定稿。然而，大部分现代浏览器已经具备了某些HTML5支持。HTML5是web时代最前沿的技术，它特有canvas标签和多种选择的游戏开发引擎，让游戏开发更便捷。

近些年来html5技术非常火爆！HTML5开发人员是企业必不可少、不可或缺的人员。企业想要快速的发展，HTML5开发人员就必须要有，由此可见HTML5开发人员是多么的紧张，所以有很多人想要学习HTML5开发。

下面，就为你推荐几部新手入门html5的书籍。

1、HTML5+CSS3从入门到精通（李东博 著）

简介：本书通过基础知识+中小实例+综合案例的方式，讲述了用HTML5+ CSS3设计构建网站的必备知识，相对于专业指南、高级程序设计、开发指南同类图书，本书是一本适合快速入手的自学教程。

2、响应式Web设计:HTML5和CSS3实战（BenFrain 著, 王永强 译）

简介：全书主要是带领读者做一个小网页来写的，其实响应式的东西讲得比较少，大半内容是介绍H5和css3的基础知识。如果同时想了解H5和css3和响应式设计入门，这本书不错。

3、HTML5移动Web开发实战详解（林珑 著）

简介：本书由浅入深，全面、系统、详尽地介绍了HTML5相关技术和其在移动开发领域的应用。书中提供了大量的代码示例，读者可以通过这些例子理解知识点，也可以直接在开发实战中稍加修改应用这些代码。《HTML5移动Web开发实战详解》涉及面广，从基本原理到实战，再到项目工作流，几乎涉及一个合格的前端开发工程师需要具备的所有重要知识。

4、　疯狂HTML 5/CSS3/JavaScript讲义（李刚 著）

简介：这是一本全面介绍HTML 5、CSS 3和JavaScript前端开发技术的图书，系统地介绍了HTML 5常用的元素和属性、HTML5的表单元素和属性、HTML 5的绘图支持、HTML5的多媒体支持、CSS 3的功能和用法、最前沿的变形与动画功能等。除此之外，《疯狂HTML 5/CSS 3/JavaScript讲义》还系统地介绍了JavaScript编程知识，包括JavaScript基本语法、DOM编程，以及HTML 5新增的本地存储、离线应用、JavaScript多线程、客户端通信支持、WebSocket编程等。

5、HTML5触摸界面设计与开发（StephenWoods 著, 覃介右 谷岳 译）

简介：《HTML5触摸界面设计与开发》专注于触摸界面的开发，内容的结构和优化网站的思路大概一致。上半部分涵盖了能使各类网站，特别是移动网站变快的基本概念。书的后半部分是专门讲触摸界面的，特别是尽可能地让它们更平稳和快速。本书适合具有一定经验的Web开发者阅读参考。

1. 浮动

相信很多很多朋友在刚开始接触使用浮动的时候肯定会遇到各种未解之谜，明明 我的设置没错呀，怎么就出错了呢，就比如下图

我需要让三个子元素排成一行，已经都给float：left；了，但为什么没按照我想的来呢，于是我各种找原因，我试着给第三个子元素float：right；不行，然后又是转display：inline-block；还是不行，到底问题出在哪呢，我又检查了一遍我设的样式，这回终于发现问题所在了

原来是三个子元素宽的和超过了父元素的宽，这样的话前两个子元素占完空间之后留下的空间已经不足以让第三个子元素挤进去了，所以就被挤掉了，那这时候 该怎么解决呢， 其实很简单只需把父元素的宽度加宽或者把子元素的宽度减少就行了。

浮动（float）的框可以左右移动，直至它的外边缘碰到包含框或另一个浮动框的外边缘。浮动框不属于文档中的普通流，当一个元素浮动之后，不会影响到块级元素的布局而只会影响内联元素（通常是文本）的排列，文档中的普通流就表现得如同浮动框不存在一样。当浮动框高度超出包含框的时候，就会出现包含框不会自动升高来闭合浮动元素（“高度塌陷”现象）。

通俗点来说，就是如果父元素只包含浮动元素，且父元素未设置高度和宽度的时候，那么它的高度就会踏缩为零。这是因为浮动元素脱离了文档流，包围它们的父块中没有内容了，所以“”塌陷“”了。

如下图所示，我把父元素的宽高注释掉，就会出现下图中的情况，****浮动元素脱离了文档流，包围它们的父块中没有内容了，所以就塌陷了

把父元素宽高注释掉之后

那么这种情况该怎么办呢

1， 把父元素设置一个高度就ok

2， ⽗元素后⾯设置一个空元素并设置清除浮动 clear：both；也是ok的

3， 给父元素设置一个overflow：hidden；也是可以的

4， 还可以通过伪元素来解决（注意不是伪类），在css里写上其样式，通过CSS伪元素在容器内部元素最后添加了一个看不见的点“.”，并且赋予clear属性来清除浮动。（如下图）

还有就是也可以给父元素加上浮动，也可以解决问题

本人学识有限 文章多有不足

若有错误 请大方指出 以免误导他人

---