本教程会分成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教程的正文部分。支持本教程或是有任何疑问，请留言。
初学者建议使用Adobe Dreamweaver ，这是一款功能非常全面的时候新手学习html+css的软件。
熟悉语法之后，热河一款出名的文本编辑器都可以使用的，比如，notepad++，sublime text，还有国产的HBuilder，都是不错的选择
推荐1、初学div+css，建议先从Dreamweaver开始，萌新都是从这里走过来的，完善的功能和测试功能，以及代码提示和补全功能；
推荐2、HBuilder后起之秀，也是一款强悍的代码编辑器软件，该软件声称360度提示无死角，也不虚此言，代码格式、代码提示等功能
推荐3、其它推荐Sublime Text3这也是代码神器、Notepad++、Visual Studio Code等太多了，太多了，就不在一一列举，当然这类没有css代码提示功能。
提示：新手建议不要使用有代码提示供，即使有提示功能也要完成的敲完代码，这样有助于学习和记忆，后期熟悉了，就没事了；因为如果完全依赖提示，一旦离开这个软件，什么都写不出了，这是一件可怕的事情。
