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 和云应用的跨平台源代码编辑器。
上面的例子中，我们可以看到CSS的语句是内嵌在HTML文档内的。所以，编写CSS的方法和编写HTML文档的方法是一样的。您可以用任何一种文本编辑工具来编写。比如Windows下的记事本和写字板、专门的HTML文本编辑工具（Frontpage、Ultraedit等），都可以用来编辑CSS文档。
一种是把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的具体知识的学习，我们将先从最基本的属性开始讲起。
最早用Dreamweaver，后来用sublime、HBuilder，再后来接触了Webstorm就没再换过了，听说大神都能用记事本写，我是做不到。
评价一下以上几款用过的工具，都说Dreamweaver是新手才用的，我有同感，最早写页面，经常用可视模式调试页面，后来熟练了后，就用不到了，软件安装文件大，启动慢，就不用了，sublime，HBuilder和Webstorm其实差别不是很大，前两个比较轻量级，Webstorm功能稍多，用Webstorm的原因主要是我用来写js，用一些框架比较得心应手，根据个人喜好设置的主题和模式让我使用更舒适。
界面部分截图：
