可以通过以下方法打开 CSS 样式编辑器：首先在某个页面上选择一个组件，然后在该组件的属性表单中，单击样式属性的 …（浏览）按钮。在编辑器的主窗口中，从六个可用的编辑器功能面板中进行选择。您可以使用编辑器定制字体、背景、文本块、边界、边距和位置。窗口的右边会显示适合您选择的定制功能。例如，如果您正在处理 OutputText 组件，并且已经选择了“字体”选项，则可以从两个独立的列表中选择字体和字号；从下拉菜单中设置文本样式、字体粗细以及字体颜色；使用复选框添加下划线、上划线或删除线。

在对不同的样式属性进行更改时，您会立即从组件上看到效果。该功能窗格底部的“样式预览”窗口会根据您所做的更改，反映出组件在该页上的外观。下面的示例向我们表明，当输入不同的样式更改时，OutputText 组件 "Page One" 如何显示其外观。通过使用 Creator 所特有的这一功能，您可以快速、轻松地尝试不同的样式组合，因为您可以在编辑器中随意更改，并且在其中看到所有的更改结果。当您对编辑器的预览窗口中的显示效果满意时，就可以保存该组件的样式更改以便在该页面上显示。

在窗口底部的“CSS 样式”窗格中，编辑器向您展示了控制该组件外观的 CSS 样式文本。您甚至可以直接编辑该样式文本。

下图显示了用来定制组件文本块的各个选项，包括：为文本块设置水平对齐和垂直对齐、缩排、文本方向、文字和字母间距以及行高。

图 1：样式编辑器 GUI

有关详细信息，请参阅技术文章新颖的组件。

有关更多的详细信息，另请参见介绍 Java Studio Creator 2 功能的文章 Java Studio Creator 2 中的 CSS 编辑器。