Dreamweaverのページに外部スタイルシートを貼り付ける方法 - ダミー

Dreamweaverで外部スタイルシートを作成したら、それを任意のWebページに添付できます。以降の手順では、Dreamweaverに含まれている定義済みのスタイルシートを使用することも、前の練習の手順を使用して作成したスタイルシートを添付することもできます。

スタイルシートを添付するページを開き、次の手順を実行します。

<！ - 1 - >

1. CSSデザイナパネルの上部にある[ソース]パネルのプラス（+）アイコンをクリックし、ドロップダウンリストから[既存のCSSファイルを添付]を選択します。

   「既存のCSSファイルを添付」ダイアログボックスが開きます。

2. [参照]ボタンをクリックし、ローカルサイトフォルダのCSSファイルを探します。

   別のWebサイトにあるリモートCSSファイルを使用する場合はURLを入力することもできますが、作業中のWebサイトに含まれているスタイルシートを使用するのが最も一般的です。

   <！ - 2 - >

3. リンクまたはインポートオプションを選択します。

   HTMLファイルにスタイルシートを添付している場合は、ほとんどの場合、デフォルトである[リンク]を選択することをお勧めします。他のスタイルシートへの参照を含む1つのマスター外部スタイルシート、あるスタイルシートが別のスタイルシートを参照できるようにする高度なオプションを作成する場合は、「インポート」を選択します。

4. （オプション）「条件付き使用」セクションからオプションを選択します。

   <！ - 3 - >

   条件付き使用機能を使用して、スタイルシートを添付してメディアクエリを定義します。

5. OKをクリックします。

   ダイアログボックスが閉じ、DreamweaverはHTMLファイルの上部にコード行を追加してスタイルシートへのリンクを設定します。外部スタイルシートをリンクすると、該当するスタイルがDreamweaverのページのコンテンツに自動的に適用され、スタイルシートに定義されているスタイルのセレクタ名がCSSデザイナパネルのセレクタパネルに表示されます。

同じHTMLページに複数のスタイルシートを添付することができ、同じ文書内で内部および外部スタイルシートを使用できます。たとえば、テキストスタイルを1つのスタイルシートに保存し、レイアウトスタイルを別のスタイルシートに保存して、両方を同じドキュメントに添付することができます。

同様に、ファイルを印刷するためのスタイルシートやブラウザの表示用スタイルシートなど、目的に応じて異なるスタイルシートを作成します。