把TopStyle嵌入到Dreamweaver MX

谈谈TopStyle

TopStyle是最早出现的CSS编辑器中的一个。TopStyle所提供的众多特性以及其相对较高的价位表明它是解决样式表全部所需的方案之一。

对新用户来说，TopStyle的界面与常见的所见即所得编辑器有些不同，它没有对象浮子（object floater）以及样式窗口。在所见即所得工具的正常工作过程中，CSS一般退到一边，但是在TopStyle中CSS却是主角。

浏览一下TopStyle的界面，你就会发现TopStyle有若干特性，而这些特性又是你所常用的编辑器所没有提供的。例如，一般编辑器总是假设你知道关于浏览器兼容性的所有知识，并隐藏CSS样式（而新的浏览器可能支持这些样式）。

当安装TopStyle时，安装向导会询问你几个问题，这些问题有：你的目标浏览器的种类、程序的默认布局，以及你想使用的预览浏览器的类型。

TopStyle的界面

可编辑区域占领了TopStyle界面的绝大部分，而且绝大多数操作都发生在这里。可编辑区的一大优点就是标签完整性（tag completion），它可以帮助你快速定义样式。

然而，如果你记不住属性语法，也不用害怕。样式Style Inspector（如图A所示）保持了关于某个特定定义的所有特性。你可以选择并定义属性的值，属性分类放在不同的区域。

图A

工具菜单中有许多可以帮你节省事件的菜单项。例如，Style Checker检查样式的兼容性以及非标准声明。“Edit CSS Positioning”选项可以帮助你创建已定位的内容（positioned content）。这个选项的主要优点就是可以把预览提交给浏览器（在对话框中），并且预览可以即时反映出你做出的修改。

让我们接着讨论预览选项。在预览选项中，你可以选择是否让TopStyle创建自己的预览或者使用一个你指定的文档。

把TopStyle嵌入到Dreamweaver MX

你可以把TopStyle当作CSS编辑器嵌入到Dreamweaver MX（DWMX）中去。你只需要在DWMX的CSS窗口中右击鼠标，在右击菜单中选择“Use External Editor”菜单项中选择它。