编辑已有样式
除了创建新的样式外，我们还能对目前已经存在的样式文件进行编辑和调整。编辑调整时，可以在主界面中依次执行“file”/“open”命令，来将已有的样式文件打开，任何在Topstyle程序界面中，利用工具栏中的各种工具按钮，来对样式文件进行任意修改；要是自己非常熟悉网页源代码的话，可以选择在源代码窗口中来进行修改（如图4所示），倘若对源代码比较“感冒”的话，我们还能在Topstyle程序界面右上角的“Style Inspector”子窗口中来修改，这样可以更直接一点，而且在这里我们几乎也能修改样式中的任意参数，比方说网页文字的大小、字体、颜色，网页的背景颜色、超级链接的颜色等。此外，执行菜单栏中的“file”/“open from web”命令，在随后打开的窗口中直接输入某网站的网址，我们就能对指定网站上的网页样式进行修改和编辑了。
检查样式错误
在编辑修改样式的过程中，可能会因操作不慎，出现这样或者那样的错误，此时你大可不必担心，因为Topstyle程序为我们提供了CSS码的错误检查功能，这样我们在修改过程中，产生的任何错误Topstyle程序都不会忽略。我们对样式的任何一步修改和创建工作，都在Topstyle程序的“监控”之下，一旦修改出错的话，程序会马上弹出一个对话框，如图5所示，来提醒我们当前样式中出现了错误；同时在主界面的源代码编辑子窗口中，我们会发现程序在出错的地方以红颜色来突出显示；而在“Style Inspector”子窗口中，程序会以蓝颜色将出错的地方突出显示出来；一旦我们将错误调整过来后，对应位置处的突出显示颜色也会自动消失。
图5 |
预览样式效果
Topstyle程序还为我们提供了即时预览功能，利用该功能，我们对样式参数每一步的修改效果都能被即时显示出来。主界面中的“Output”子窗口就是用来即时预览样式效果的，在该子窗口中，我们发现它包含了五个标签页面，用鼠标单击“preview”标签，就会看到具体的样式预览效果了；由于Topstyle程序支持各个版本的IE浏览器、Netscape浏览器以及Opera浏览器，因此我们可以对各种样式进行边修改边预览，从而保证了样式编辑的效率。此外，在“Style checker”标签页面中，我们能很清楚地看到当前样式文件中，有哪些语法上的错误，用鼠标单击其中的某一错误内容后，Topstyle程序还能弹出一个信息提示，来知道我们该如何正确改正语法错误。在其他的标签页面中，我们还可以了解到当前样式表的一些注释和统计信息，例如样式文件中包含了多少行内容等。
辅助学习功能
Topstyle程序特别为那些刚刚接触CSS的菜鸟用户们，提供详细的帮助功能。利用该功能，用户可以从该程序内置的help文件中，查询到与CSS相关的各种指令的详细用法介绍，以及编写CSS原代码的一些小技巧，菜鸟完全可以将它作为一个很好的CSS资料来学习使用。
此外，与Topstyle程序一起安装的Topstyle Lite版本，相对来说，功能更简洁明了，我们可以在Topstyle程序的安装目录中运行这个简装版程序；该程序只为我们提供了简单的样式文件的编辑、创建以及预览功能，而没有向导创建功能、CSS码检查错误功能等，不过这些功能对菜鸟用户来说，已经是绰绰有余了！
总之，Topstyle程序的整体性能很不错，是一款不可多得、不可不用的样式表编辑工具。有了Topstyle程序的帮助，相信你一定会成为一位出色的CSS编辑和设计专家。
|
