Web ページにスタイル・シートを適用する

既存のスタイル・シート (.css ファイル) にユーザー・ページからの リンクを設定することによって、ページにそのファイル内のスタイルを 適用できます。
前提条件: スタイル・シートを作成する
ヒント: スタイル・シートを、ページ・テンプレートから派生したすべてのページに適用するには、スタイル・シートをページ・テンプレートに 適用します。

Web ページから外部スタイル・シートのリンクを設定するには、次のようにします。

  1. Cascading Style Sheet にリンクしたいページを開く。
  2. 「スタイル」ビューの「外部スタイル・シートをリンクまたはインポート」ツールバー・ボタンを選択するか、または そのページで右クリックしてコンテキスト・メニュー から「スタイル」 > 「スタイル・シートへリンク」を選択する。
  3. リスト・ボタンをクリックして、リンク先の外部スタイル・シートを選択する。 ここでは、(「ブラウズ」メニュー・オプションを使用して) プロジェクト・ワークスペース内の .css ファイルを位置指定することも、 「サンプルからインポート (Import from Samples)」メニュー・オプションを使用して ワークベンチで提供されるするサンプルの 1 つをインポートすることもできます。
  4. リンク」ラジオ・ボタンを選択して「OK」をクリックする。

    インポート」ラジオ・ボタンもまた選択することができます。ただし、このタイプをサポートしていないブラウザーもあります。 したがって、「リンク」ラジオ・ボタンを選択することをお勧めします。

選択したスタイル・シートの名前が「スタイル」ビューに表示され、スタイル・シート内の設定が編集中のページに適用されます。

HTML ファイル内にスタイルを埋め込んでいる場合は、そのスタイルが外部スタイル・シートのスタイル指定をオーバーライドします。

関連概念
Cascading Style Sheet (CSS) Designer
関連タスク
スタイル・シートの編集
Web ページに合うようにスタイルをプレビューする
サンプルのスタイル・シートを「素材集」から Web ページに適用する

フィードバック