推荐1、初学div+css，建议先从Dreamweaver开始，萌新都是从这里走过来的，完善的功能和测试功能，以及代码提示和补全功能；
推荐2、HBuilder后起之秀，也是一款强悍的代码编辑器软件，该软件声称360度提示无死角，也不虚此言，代码格式、代码提示等功能
推荐3、其它推荐Sublime Text3这也是代码神器、Notepad++、Visual Studio Code等太多了，太多了，就不在一一列举，当然这类没有css代码提示功能。
提示：新手建议不要使用有代码提示供，即使有提示功能也要完成的敲完代码，这样有助于学习和记忆，后期熟悉了，就没事了；因为如果完全依赖提示，一旦离开这个软件，什么都写不出了，这是一件可怕的事情。
所以，编写CSS的方法和编写HTML文档的方法是一样的。 您可以用任何一种文本编辑工具来编写。比如Windows下的记事本和写字板、专门的HTML文本编辑工具（FrontPage、Ultraedit等），都可以用来编辑CSS文档。 那么您可能会问，独立编辑好的CSS文档怎样加入到HTML文档中呢？其实在第一章中的例子里已经介绍了两种方法。 一种是把CSS文档放到<head>文档中： <style type=“text/CSS”>…… </style>其中<style>中的“type=‘text/CSS’”的意思是<style>中的代码是定义样式表单的。 另一种方法是把CSS样式表写在HTML的行内，比如下面的代码： <p style=“font-size：14pt；color：blue”>蓝色14号文字</p>这是采用<Style=“ ”>的格式把样式写在HTML中的任意行内，这样比较方便灵活。 还有一种方法是：把您编辑好的CSS文档保存成“.CSS”文件，然后在<head>中定义。定义的格式是这样的： <head><link rel=stylesheet href=../../“style.CSS”>…… </head>我们看到这里应用了一个<Link>，“rel=stylesheet”指连接的元素是一个样式表（stylesheet）文档。一般这里是不需要您改动的。 而后面的“href=../../‘style.CSS’”指的是需要连接的文件地址。您只需把编辑好的“.CSS”文件的详细路径名写进去就可以了。这种方法非常适宜同时定义多个文档。它能使多个文档同时使用相同的样式，从而减少了大量的冗余代码。 本章主要介绍了编写CSS的方法以及如何把作好的CSS文档与HTML结合起来运用。您可以根据自己编写的HTML代码的结构、长度来选择用哪一种方法将CSS与之结合。1、IntelliJ IDEA
IDEA 全称 IntelliJ IDEA，是java编程语言开发的集成环境。IntelliJ在业界被公认为最好的java开发工具之一，它的旗舰版本还支持HTML，CSS，PHP，MySQL，Python等。
2、notepad++
Notepad++是 Windows操作系统下的一套文本编辑器(软件版权许可证: GPL)，有完整的中文化接口及支持多国语言编写的功能(UTF8技术）。
支持众多计算机程序语言: C,C++,Java,pascal,C#,XML,SQL,Ada,HTML,PHP,ASP, AutoIt, 汇编, DOS批处理, Caml, COBOL, Cmake, CSS等。
3、WebStorm
WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。
4、Adobe Dreamweaver
DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对 HTML、CSS、JavaScript等内容的支持，设计师和程序员可以在几乎任何地方快速制作和进行网站建设。
5、visual studio code
Microsoft在2015年4月30日Build 开发者大会上正式宣布了 Visual Studio Code 项目：一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代 Web 和云应用的跨平台源代码编辑器。
