定制组件样式是一个简单的练习。缺省情况下,每个组件都有相关联的级联样式表(CSS)。如果在项目导航器中打开 WebContent/theme 目录,您将看到每个组件的 CSS 文件。例如,“选项卡式面板”组件就具有 tabpanel.css。双击 tabpanel.css 就会启动 CSS 编辑器,该编辑器允许您定制每个样式。对样式表进行了说明,以便您能够了解每个样式的作用。如果您查看 tabpanel.css 文件,则将注意到所有样式都以前缀 .TabbedPanel 开头。有四种预定义的样式集:.TabbedPanel、.TabbedPanel_1、.TabbedPanel_2 和 .TabbedPanel_3。
样式集是需要了解的一个重要概念。对于诸如“选项卡式面板”这样的复杂控件没有单个样式。对于这些复杂控件,我们将使用一组样式,这些样式都以同一标签作为前缀。样式集非常有用,这是因为它们允许开发者在页面上以不同方式来定制各个组件的外观。例如:
要了解它们是如何工作的,尝试执行下列步骤:
尝试执行一些操作,并选择其它样式以查看每个样式提供的各种效果。
使用条款 | 反馈
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.