曾经有人问我，你是用DW写代码的吗？我说不，是用EditPlus纯手工写的。继续问，难道每一个字母都是自己敲的？我说，是的。只见那人投来“你是牛人，小弟无法企及！”的目光，也见屏幕内映衬出一张消受脸上浮出一个非常非常勉强的笑容……

说真的，印象里只有在几年前选修“网页制作”时用过DW制作了几张html，那时不懂，用DW不断插入表格，调整宽度，输入内容，然后保存，调试，不行，继续修改……完全在“所见即所得”的视窗内完成全部的制作！由此，DW也给我留下来一个庞大臃肿做个东西需不断修改还做不到自己想要效果的坏印象。

一年前接触到WordPress，然后发现WordPress主题中所有东西的显示都是由一个style.css控制的，那就打开来好好研究研究咯！之后不知啥时咋地就载了个EditPlus，再打开CSS文件，突然发现整个世界都不一样了，代码高亮了！接着就好办了，一切都是那么的有规律，删掉这行“background:”，额背景米有了，修改“border:”试试，哦原来这个是边框呀！就这样，CSS各个属性慢慢的熟悉起来……

额，跑题了……进入正文：

EditPlus是一款极优秀的文字编辑器，小巧且强大，支持无限次撤销/前进，代码高亮，等等等等。我用它写CSS样式时，属性写对了即会显示蓝色，不知道的或者想不起的属性网上查查CSS属性表，所以就不存在属性写错的问题，我只需调试相应属性内的值显示出需要的效果就行了。

今儿看《锋利的jQuery》时看到其中介绍了好几款代码编辑器都有自动提示补全的功能，立即想到自己一直在用的EditPlus有没有这个功能呢？不查不知道，一查，嘿，还真有，我震精了！

下面就正式来介绍下使用步骤：

1.下载自动完成文件：xcss.7z (内为xcss.acp文件);

2.打开EditPlus–工具–首选项–文件–设置和语法，文件类型选中CSS，然后“自动完成”里选择xcss.acp，确定;

editp1.jpg

3.使用：新建或者打开一个CSS文件

比如，我想让一个元素向左浮动，本来我要手动输入“float:left;”，现在你只要输入

fl + 空格 = float:left; (fr + 空格 = float:right; p + 空格 =padding:px;)

你说神奇不？就是现在我们一般只需输入几个字母，然后空格，哦耶，输入完成！那其他的属性怎么输呢？用EditPlus打开xcss.acp即可看到完整的对应，小声告诉你，可以自己修改哦！

OK，本文完，静候童鞋们帅锅们围观！