谢邀，以下是个人的一些分享和推荐，希望对前端学习的小伙伴有所帮助。
一.图书部分1.《CSS 权威指南》第三版：由CSS界权威Meyer大师的作品，专为初学者清扫障碍的书籍；
2. 《JavaScript DOM 编程艺术》：这本书讲述了JavaScript和DOM的基础知识，适合JS入门童鞋学习；
3. 《JavaScript 权威指南》第6版：犀牛书号称 JS 学习的红宝书，作为学习核心JavaScript语言和JavaScript API 指南的综合参考手册，它适合初、中级前端开发者学习；
4. 《JavaScript高级程序设计》第三版：这本书的作者是世界顶级Web技术专家，也是入门JS的好读物，适合反复研读，每一遍都会让你有新的收获；
5. 《锋利的jQuery》第二版：JQ入门首选，浅显易懂。这本书将循序渐进地对jQuery的各种函数和方法调用进行介绍，带你全面了解jQuery；
二.自学网站偶之前写过一篇名为《老司机推荐！四个国内优秀的编程学习网站》（地址：http://t.cn/ROsZaei），主要分享了4个偶常去自学编程的学习网站，上面大多都是免费的课程，只需要注册帐号就可以学习了。详细的大家可以看下文章，就不再赘述了。
如果你的英文不错的话，还有一些不错的英文编程免费学习网站，也可以去看看。毕竟国外的技术会更快、更新。
1.Codecademy
它是学编程最流行的网站之一，包括了CSS、HTML、JavaScript、jQuery和PHP等编程语言，也是注册个帐号就可以直接开始。
网址：https://www.codecademy.com/
2. Free Code Camp
学习Web开发非常棒的地方。尤其是你想学习编程语言是JS，那么，这个网站将是你的首选。
网址：http://freecodecamp.com/
3. HTML Dog
HTML Dog网站汇集了CSS、HTML和JavaScript大量的教程资源，它还可以帮助一个初学者学习任何上述的语言。
网址：http://htmldog.com/
4.Udacity
一个提高你的编程技术，以及程序开发技能的课程网站。这些课程由软件巨头Facebook, Google中的行业专家进行讲授。
网址：http://udacity.com/
三.学习资源1. GitHub的免费编程图书系列：http://t.cn/RoCkRhv
2. 2017 Web 开发者学习路线图：http://t.cn/R6qhSpr
3. 最全的资源教程 – 前端涉及的所有知识体系：http://t.cn/RqeWkhB
4.JavaScript 秘密花园：http://t.cn/zT5dtzx
5.前端学习干货：http://t.cn/RNndK0m
暂时就分享这么多吧！吸收完这些知识也需要一段时间，希望对你有所帮助。
侧边栏 css，css box shandow，css渐变背景效果，css书写方式框架式，css字体样式变成椭圆，css3按钮在线制作，css如何设计字体