階層式スタイルシートには、自身を参照するすべての HTML ページの外観を指示する規則の一覧が含まれています。スタイルシートで決定される項目にはフォントや色などがあります。IDE は 「<プロジェクト名>」>「Web ページ」>「resources」ノードの下に、直接編集可能なデフォルトのスタイルシート stylesheet.css を作成します。このほか、テーマファイル には、ほとんどのコンポーネントに適用されるスタイルシートがあります。
プロジェクトで使用する CSS 規則を追加または変更するには、CSS エディタでデフォルトのスタイルシートを編集するか、またはプロジェクトに独自のスタイルシートを追加して、代わりに参照することができます。スタイルシートの設定をオーバーライドするには、コンポーネントにインラインスタイルを設定します。これは、コンポーネントの CSS スタイルの設定に説明があります。
ページにスタイルシートを設定するには、次の手順に従います。
たとえば、プロジェクトに mystylesheet.css という名前のスタイルシートを追加した場合、URL タブをクリックして /resources/mystylesheet.css と入力します。
resources ディレクトリにあるスタイルシートを編集するには、次の手順に従います。