书籍挺多的，刚开始还是建议先看下书打些理论基础再看网上的东西，因为感觉书上总结的比较全面。
入门推荐图灵 的书籍：
1、《CSS3权威指南》
2、《HTML5权威指南》
老实说看完上面两本书HTML和css基本都有些基础了，然后就是可以看一下网上的教程了：
1、菜鸟教程
2、W3cshool
3、慕课网
4、极客学院
1,2主要文档类教程，3,4主要是视频类教程，并且感觉都不错，到后来你就可以看一些官方文档和别人的博客来学习了。
没有最好的编辑器，只有最适合你的编辑器，首先看你的掌握程度，如果是新手，很多代码属性记得不是很清楚的话推荐使用Dreamweaver，有完整的提示，比如说，display:blcok，你写display首字母的时候有提示写完display后面可以跟那些内容也有提示，如果常用的代码单词都记得的话推荐editplus或者sublime都挺好用的，软件很小不会像Dreamweaver需要占用比较大的电脑资源，不过都需要手写，editplus是纯敲不会有代码提示（当然单词拼错会有提示，颜色不一样），sublime会有一些提示但是不会像Dreamweaver一样那么夸张还有一些强大的插件，软件界面看很舒服，至于记事本如果说到了那种程度能够用记事本写一个完整的网页代码也不会问这个问题，所以不提，其他的没用过notepad++ 速度快，功能多。小巧且有效率的文本编辑器。是在微软视窗环境之下的一个免费的代码编辑器。内置支持多达27种语法高亮度显示(包括各种常见的源代码、脚本，能够很好地支持.nfo文件查看)，还支持自定义语言；可自动检测文件类型，根据关键字显示节点，节点可自由折叠/打开，还可显示缩进引导线，代码显示得很有层次感；可打开双窗口，在分窗口中又可打开多个子窗口，允许快捷切换全屏显示模式(F11)，支持鼠标滚轮改变文档显示比例；提供了一些有用工具，如邻行互换位置、宏功能等；可显示选中文本的字节数 (而不是一般编辑器所显示的字数，这在某些情况下，比如 软件本地化 很方便)。
