自定义 › Web 界面自定义 › Web Screen Painter (WSP) › 编辑样式表

编辑样式表

您可以使用 WSP 编辑或创建 CSS（级联样式表）文件。

编辑样式表

1. 依次选择“文件”、“打开”。

   将显示“打开文件”对话框。

2. 从“界面”或“文件类型”下拉列表中选择“CSS 样式表”。

   此时将显示一个样式表列表。

创建样式表

1. 选择“文件”、“新建”。

   此时将出现“新建表单”对话框。

2. 从“界面”或“文件类型”下拉列表中选择“CSS 样式表”，然后单击“新建”。

   在两种情况下，WSP 均显示样式表的“源”视图。 您可以直接在“源”视图中编辑，也可以通过选择“工具”、“样式设计器”显示样式设计器。

样式设计器的顶部允许您控制样式表中的类。 样式设计器左上角的“样式类”下拉列表允许您选择一个要编辑类。 可以使用“添加”、“重命名”和“删除”按钮分别创建类、重命名和删除现有类。

样式设计器上有三个选项卡。 “字体”和“颜色”选项卡允许您为样式类格式化的文本选择属性，并预览文本的外观。 此选项卡底部的“字体预览”部分显示样式的外观。

“位置”选项卡允许您控制位置，“其它”选项卡允许您控制可见性、显示、溢出和光标属性。 许多样式属性（如边距和边框）在样式设计器中既看不到也不能进行编辑。 这些属性必须在“源”视图中进行编辑。

在样式设计器中单击“确定”时，WSP 重新格式化样式表并更新“源”视图。 您可以在“源”视图中继续编辑或再次打开样式设计器。

注意：由于性能原因，CA SDM 样式表采用两种形式：单个文件（如 search_filter.css）和将许多单个文件组合在一起并删除备注和多余空格（如 analyst_styles.css）。 WSP 总是编辑单个文件；您不能直接编辑组合文件。 当您发布样式表变更时，WSP 在必要时自动生成关联的组合文件。