推荐1、初学div+css，建议先从Dreamweaver开始，萌新都是从这里走过来的，完善的功能和测试功能，以及代码提示和补全功能；
推荐2、HBuilder后起之秀，也是一款强悍的代码编辑器软件，该软件声称360度提示无死角，也不虚此言，代码格式、代码提示等功能
推荐3、其它推荐Sublime Text3这也是代码神器、Notepad++、Visual Studio Code等太多了，太多了，就不在一一列举，当然这类没有css代码提示功能。
提示：新手建议不要使用有代码提示供，即使有提示功能也要完成的敲完代码，这样有助于学习和记忆，后期熟悉了，就没事了；因为如果完全依赖提示，一旦离开这个软件，什么都写不出了，这是一件可怕的事情。
TopStyleTopStyle是一款Cascading Style Sheets (CSS) 的编辑软件，可以帮助我们编写符合包括CSS2标准在内的样式表。TopStyle具有CSS定义选择功能，让你可以选取特定的浏览器或CSS阶层、内建的样式表检查器、内部的预览能力、以颜色标示的编辑器，以及样式预览。TopStyle是第一款可以使用Mozilla等Gecko浏览器的程序。你可以用内嵌的Internet Explorer和Mozilla Gecko来预览你的式样表，或者分开使用。此外，TopStyle的设计对系统十分友善。它不会安装任何DLL、ActiveX controls或其它系统文件。功能相当多，附有CSS码检查功能，减少写错的机会。尤其是它的HELP文件中详细的CSS指令介绍，很适于用作参考文件与初次接触CSS的人做为学习使用。如果你想学习web标准，制作CSS需要一个好软件，TopStyle是非常棒的选择。
下载地址：http://www.onlinedown.net/soft/19713.htm
Dreamweaver
Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。DREAMWEAVER、FLASH以及在EAMWEAVER之后推出的针对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)，足见市场的反响和MACROMEDIA公司对它们的自信。
下载地址：http://www.onlinedown.net/soft/22017.htm
1：初期刚接触的时候建议用Editplus,这款工具没有代码提示功能，代码高亮。能较好的锻炼代码功底。对于之后找工作笔试大有裨益。2：如果你工作了，并且需要开发效率。建议用HBuilder 。这款工具是国产的。不需要安装什么插件，下载就能用，很受前端开发人员的喜爱。
除了Hbuilder还可以用webstorm，这款工具也非常受前端开发人员的喜爱。
当然还有sublime Text3 这款工具也挺不错的，只不过需要安装插件。
3：以上工具是我个人常用的，当然也有很多的开发工具，比如DW 等等。
