CSS编辑工具Topstyle轻松打造网页风格(2)

  检查样式错误

   在编辑修改样式的过程中,可能会因操作不慎,出现这样或者那样的错误,此时你大可不必担心,因为Topstyle程序为我们提供了CSS码的错误检查功 能,这样我们在修改过程中,产生的任何错误Topstyle程序都不会忽略。我们对样式的任何一步修改和创建工作,都在Topstyle程序的“监控”之 下,一旦修改出错的话,程序会马上弹出一个对话框,如图5所示,来提醒我们当前样式中出现了错误;同时在主界面的源代码编辑子窗口中,我们会发现程序在出 错的地方以红颜色来突出显示;而在“Style Inspector”子窗口中,程序会以蓝颜色将出错的地方突出显示出来;一旦我们将错误调整过来后,对应位置处的突出显示颜色也会自动消失。

CSS编辑利器——Topstyle


图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编辑和设计专家。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wzdjxf.html