1、《Web前端开发最佳实践》
本书主要讲解了html、css、JavaScript以及移动端开发的最佳实践方案，能够对缺乏良好指导的开发者产生很大的帮助。通过阅读本书大家可以掌握如何编写高可读性、高维护性、高性能的html、css以及JavaScript。
作者简介：党建，资深Web前端开发工程师。精通HTML、CSS、JavaScript等前端技术，对、Node.js等Web开发技术也有深入的研究。
2、《css那些事儿》
本书通过页面中的文字、图片、表格、表单等常见元素的处理及各种页面布局方式的使用，使读者能深入了解到如何在页面中更好地运用css布局。尤其是在页面布局的部分中，全面分析了多种布局方式，着重分解了两列等高和三列等高的几种方式，并相应说明了等高布局的优缺点。
作者简介：林小志，蓝色理想经典论坛标准版荣誉版主。多年网站设计和网站重构经验，对CSS、XHTML等前台技术有着深厚的功底。
3、《css权威指南》
本书通过诸多示例，详细讲解了如何做到仅在一处建立样式表就能创建或修改整个网站的外观，以及如何得到html力不能及的更丰富的表现效果。同时展示了如何遵循css最新规范(css2和css2.1)将层叠样式表的方方面面应用于实践。
作者简介：Eric A. Meyer是国际公认的 HTML、CSS和Web标准领域的专家，是Complex Spiral Consulting公司的创始人，还是微格式运动的发起人之一，以及设计领域系列会议An Event Apart的创始人之一。
Estelle Weyl是开放Web布道师和社区工程师，从1999年起就开始开发符合标准且具有可访问性的网站。
4、《CSS禅意花园》
全书分为两个主要部分。第1章为第一部分，讨论网站“CSS禅意花园”及其最基本的主题，包含正确的标记结构和灵活性规划等。第二部分包括6章，每章剖析“CSS禅意花园”收录的6件设计作品，每章介绍的作品围绕一个主要的设计概念展开，如文字的使用等。通过探索36件设计作品面临的挑战和解决的问题，读者将洞悉主要的Web设计原则以及它们运用的CSS布局技巧，理解CSS设计的精髓，恰当地处理图形和字体来创建界面优美、性能优良且具有强大生命力的网站。
作者简介：Dave Shea是一位图像设计师，“CSS禅意花园”网站的创始人和耕耘者，该网站获得了很多奖项，其中包括SouthWest Interactive会议授予的“Best of Show”。
5、《JavaScript高级程序设计第三版》
全书从JavaScript 语言实现的各个组成部分——语言核心、DOM、BOM、事件模型讲起，深入浅出地探讨了面向对象编程、Ajax 与Comet 服务器端通信，html5 表单、媒体、Canvas(包括WebGL)及Web Workers、地理定位、跨文档传递消息、客户端存储(包括IndexedDB)等新API，还介绍了离线应用和与维护、性能、部署相关的最佳开发实践。
作者简介：Nicholas C. Zaka丰富的Web开发和界面设计经验，曾经参与许多大公司的Web解决方案开发。
6、《锋利的jquery》
本书循序渐进地对jQuery的各种函数和方法调用进行了介绍，读者可以系统地掌握jQuery的DOM操作、事件监听和动画、表单操作、AJAX以及插件方面等知识点，并结合每个章节后面的案例演示进行练习，达到掌握核心知识点的目的。为使读者更好地进行开发实践，《锋利的jQuery》的最后一章将前7章讲解的知识点和效果进行了整合，打造出一个非常有个性的网站，并从案例研究、网站材料、网站结构、网站样式和网站脚本等方面指导读者参与到项目建设中来。
作者简介：单东林，曾经拥有一个著名的网站，后来因不可抗拒力而关闭。通过本书继续为国内前端开发做贡献。
7、《Head First JavaScript》
本书语言和版式活泼，内容讲解深入浅出，是难得的JavaScript入门书。本书内容涵盖JavaScript的基本知识以及对象、函数和浏览器文档对象模型等高阶主题。书中配备了大量有趣的实例、图示和练习，让读者轻轻松松掌握JavaScript。
作者简介：Eric Freeman 计算机科学家，在耶鲁大学攻读博士学位期间，一直与行业翘楚David Gelernter一起从事研究工作。曾任迪士尼公司Disney Online & 首席技术官，目前将全部精力都投入到他与Elisabeth创建的创业公司WickedlySmart。 Elisabeth Robson 软件工程师、作者、培训师。
8、《JavaScript设计模式》
内容本书共有两部分。第一部分给出了实现具体设计模式所需要的面向对象特性的基础知识，主要包括接口、封装和信息隐藏、继承、单体模式等内容。第二部分则专注于各种具体的设计模式及其在JavaScript语言中的应用，主要介绍了工厂模式、桥接模式、组合模式、门面模式等几种常见的模式。为了让每一章中的示例都尽可能地贴近实际应用，书中同时列举了一些JavaScript 程序员最常见的任务，然后运用设计模式使其解决方案变得更模块化、更高效并且更易维护，其中较为理论化的例子则用于阐明某些要点。
本书适合各层次的Web 前端开发人员阅读和参考，也适合有C++/Java/C# 背景的服务器端程序员学习。
作者简介：Addy Osmani，谷歌Chrome团队的开发项目工程师，对JavaScript应用程序架构有着强烈的爱好。他创建了比较流行的项目，如TodoMVC，并对Modernizr和jQuery等其他开源项目也做出很大贡献。
以上书籍对于零基础入门前端来说足够了，如果有问题或者想讨论技术问题可私聊偶。
CSS称之为样式表，HTML为标记语言。是前端web开发必须掌握的知识之二，再就是JavaScript是前端Web开发也必须掌握的编程语言。
偶先用一个网站【千图网】的源码分析来了解CSS、HTML、JavaScript各自的作用
上图是千图网首页的布局,偶先通过Google Chrome来调试看看这个网站的首页（点击鼠标右键选择查看就可以看到如下图所示）
左边显示的是HTML的主要内容，右边显示的是CSS的内容
CSS是什么呢？其作用又是什么？
打开昵图网首页，大家可以看到整体布局非常美观。那如果没有CSS会怎么样呢？大家可以查看这个首页的的源码，可以看到是有引用css样式表文件。
偶现在将css引用给删掉
大家再来看下首页的效果
通过以上操作，你应该就能明白css的作用是什么了吧?
css的主要作用就是用于网页的排版布局和美化，能够让大家开发出来的网页更好看
HTML是什么？其作用是什么？
一个网页是有很多个部件组成的,有文字显示、有输入栏、有列表、有图片、有视频、有跳转到新的页面的链接。偶还是用上面网站的首页结合检查功能来说明。
上图中红色框标出来了，各种类型的部件。
上图中左侧显示了部分的Html的内容。更多的html的内容，可以到
/index.html
进行了解。非常详细
HTML标记语言的作用就是告诉浏览器，在加载的时候显示的是什么控件，再结合css就能够显示出非常漂亮美观的静态页面了。那如果要做一些动态的页面和数据交互，就需要用到JavaScript，你在这里没有提到这个问题，偶就不做具体的说明了。可以自行查阅相关文档及说明！
为什么看了视频还是看不懂？要如何学习？
对于初学者来说，其实偶是不在建议直接看视频来学习。个人的的建议是前期购买专业的web前端开发书或者通过偶上面讲到的w3school网站进行学习，将相关的基础识知点完全掌握，并跟着书上或者网站上的代码进行实际的敲打一篇或者多篇。一直到脑子里有印象和概念，看到一个网页，能够知道这个网页的布局是什么样子的，用到了哪些部件，这个部件对应的html标签是什么？可能用到了什么样的css样式？
只有做了这一步后，你再看视频教程。更多的是建议看一些项目实战的视频，采取第一次将视频看完,然后实际编写一次。如果遇到有不记得的地方，回看视频的，对照视频进行编写巩固。通过这样子的方式 不断的加深记忆以及理解html和css的作用。
多敲代码、多敲代码、多敲代码。编译运行查看实际效果，反复的这个过程中，偶相信你现在提到的这个问题，最终就不是问题了。
如你自己本身自学能力不足，还有一个建议就是去专门的IT教育机构进行系统的专业的学习。
如果你选择IT教育机构培训，一定要注意的就是机构的选择，这里面也有比较多的坑。
偶不是专门的web前端开发，但由于平时的工作原因，有时也需要自己写了些web页面。可以关注偶私信沟通交流！
谢邀，对于web前端机构的推荐，小编刚觉还不如分享一下如何选择培训机构来的更加比较客观一些。
在选择web前端培训学习的时候，首先一点就是选择去什么地方学习，然后，才是选择地方的培训机构，在选择机构的时候大家都想选择比较好的web前端培训机构，第一点大家要做的就是看所在的地区有哪些培训机构，还有你参加web前端培训是想到达什么样的一个效果，接下来小编就分享几个选择培训机构的建议，希望能帮到想要学习的你：
1.课程内容设置；通过分析web前端课程内容设计了解培训机构是注重理论学习还是项目实战演练，项目是实战型的还是虚拟的，内容是否符合企业需求。
2. 师资力量；老师是不是又丰富的实战开发经验，这点是非常重要的。经验丰富的培训老师比只会讲理论知识没有实战经验的web前端老师要更有价值，有实战开发经验的老师可以让大家能学习到更加符合企业开发的经验，更加深入了解web前端知识的应用原理，这对于初学者的价值是非常大的。
3. 学习过程中遇到问题如何解决，是否又自习学习时间，在自习期间是否有老师跟班辅导学习，问题是否可以得到及时的解决。
4. 学习环境和氛围；学习的班级氛围如何，大家的学习状态是否比较好，老师和班主任对于班级管理是否严格，对于学员督促是否比较及时。
5. 是否和企业有合作；培训机构和企业之间是否合作，合作企业都是什么样的，是否是互联网行业比较有名气的。
选择web前端培训学习，就要找一个靠谱的培训机构进行学习，这样对于自己的学习和就业都有一定的保障。
