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 和云应用的跨平台源代码编辑器。
推荐1、初学div+css，建议先从Dreamweaver开始，萌新都是从这里走过来的，完善的功能和测试功能，以及代码提示和补全功能；
推荐2、HBuilder后起之秀，也是一款强悍的代码编辑器软件，该软件声称360度提示无死角，也不虚此言，代码格式、代码提示等功能
推荐3、其它推荐Sublime Text3这也是代码神器、Notepad++、Visual Studio Code等太多了，太多了，就不在一一列举，当然这类没有css代码提示功能。
提示：新手建议不要使用有代码提示供，即使有提示功能也要完成的敲完代码，这样有助于学习和记忆，后期熟悉了，就没事了；因为如果完全依赖提示，一旦离开这个软件，什么都写不出了，这是一件可怕的事情。
本教程会分成N个部分，单独发表，其间可能会插入几篇与教程无关的文章。没有具体的教程发表进度,推荐关注本教程的朋友订阅本站Feed。教程内容的30%-50%为Jorux原创，其余翻译部分均为意译,可能来源于多个国外站点，并在教程结束时公布参考原文地址。曾翻译过一篇css教程：十步学会用css建站 ，文章声称能在十步学会建站，虽说夸张点，但确实能学到一些东西，就像现代社会流行速成一样，它只是一个css快餐，要达到自由运用css，没个百八十步恐怕有点悬。需要什么软件学习css?一个文本编辑器和Firefox1.文本编辑器：这里所指的是诸如windows自带的记事本以及Editplus等改进版记事本软件。不推荐Dreamweaver, Frontpage等具有图形化可视操作，不直接编辑css源代码的软件。这类软件确实能在学习css的初期帮助你迅速达成你的愿望，但是不久你就会发现这些被Dreamweaver所自动生成的css代码冗长繁琐，css文件体积增大。一旦离开这些软件你的头脑就会像一张白纸，基本的css语法都想不起来。本人曾走过弯路，望初学css的朋友借鉴。本人使用Editplus编写网页代码，其属于加强版的记事本，具有多步撤销，语法加亮，全部替换等功能，安装后无需设置，推荐把屏幕字体改为14号Verdana，方便阅读编写。2.Firefox：本人绝非 Firefox 的Fan，它也不是盏省油的灯(占用内存多)。但作为一个免费软件，再配上适当的插件，是网页设计者的必备工具，如何使用和选择插件体现设计者专业素质的水平。推荐安装以下插件：必装插件:IE Tab ：调试网页在IE内核浏览器表现的优秀插件，不管你喜不喜欢，请安装！ 强烈推荐安装的插件：Web Developer：其功能之强大，以至于我还没用全它的功能，但是其直接查看网页css代码功能，页面信息的显示，以及验证css和Html的功能非常实用。ColorZilla：方便提取网页中任何元素的颜色。Html Validator：安装这个插件后会在浏览器右下角生成一个图标，绿色对号表示当前网页的Html通过验证，红色叉号表示Html有错误，黄色叹号表示Html存在无法通过验证的警告语句。双击图标就会高亮显示该网页存在的不能通过验证的语句数目、位置以及修改建议。作为设计者，最好养成随时观察这个图标的习惯，你就会发现网上声称能通过验证的网页，几乎都是错误或是警告。本网站除极个别网页外均通过验证。FireBug：安装这个插件后也会在浏览器右下角生成一个图标，绿色对号表示当前网页的Javascript通过验证，并能对错误的Javascript代码debug。我们暂时并不需要这个功能。需要用到的功能是其Inspector，你需要通过定制工具栏，把Inspector的"眼镜"图标拖入工具栏。点击Inspector图标后，将鼠标移到网页任意位置，你就能在靠下的窗口看到网页Html文件的相应源代码，在网页调试时非常有用。装这么多插件是不是有点累，我光写都有点吃不消，所以休息一下，在下一篇文章进入css教程的正文部分。支持本教程或是有任何疑问，请留言。
