CSS文件与HTML文件一样,都是纯文本文件,因此一般的文字处理软件都可以对CSS进行编辑。记事本和UltraEdit等最常用的文本编辑工具对CSS的初学者尤其有帮助。在网上也能找到很多CSS的编辑器或在线编辑器,辛勤网推荐Macromedia Dreamweaver的纯代码模式。
Dreamweaver这款专业的网页设计软件在代码模式下对HTML、CSS和JavaScript等代码都有着非常好的语法着色以及语法提示功能,并且自带很多实例,对CSS的学习很有帮助。如下图所示:
Dreamweaver的代码模式
从上图中可以看到,对于CSS代码,在默认的情况下都采用粉红色进行语法着色,而HTML代码中的标记则是蓝色,正文内容在默认情况下为黑色。而且对于每行代码,前面都是有行号进行标记,方便对代码的整体规划。
在Dreamweaver中,无论是CSS代码还是HTML代码,都有很好的语法提示。在编辑具体CSS代码时,按回车键或空格键都可以出发语法提示。如下图:
Dreamweaver语法提示
Dreamweaver会列出所有可以提供的CSS样式,方便设计者快速进行选择,从而提高了工作效率。
而且,当已经选定某个CSS样式,例如上例的color样式,在其冒号后面再按空格键时,Dreamweaver会弹出新的详细提示框,让用户对相对CSS的值进行直接选择,如下图所示的调色板就是其中的一个情况。
调色板