DWのHTMLにCSSファイルをリンクする方法

DW 内の CSS ファイルを HTML にリンクする方法: まず、DW ソフトウェアでサイトを作成し、サイト内に新しい CSS フォルダーと HTML ファイルを作成し、右上隅の [CSS デザイナー] をクリックして、適当なcssフォルダを作成し、最後に[リンク]として追加して[OK]ボタンをクリックします。

#このチュートリアルの動作環境: Windows7 システム、dreamweaverCC 2020&&html5&&css3 バージョン、Dell G3 コンピューター。

推奨: 「

dreamweaver チュートリアル 」、「css ビデオ チュートリアル 」

dw はどのようにして HTML 内の CSS ファイルをリンクしますか?

1. まず、ソフトウェアでサイトを作成し、サイト内に新しい CSS フォルダーと HTML ファイルを作成します。 (サイトの作成方法については、以下をクリックして自分の経験を引用することができます)

2. 右上隅の [CSS デザイナー] をクリックし、[いいえ] をクリックします。 ]を選択し、[CSSファイルの新規作成]を選択します。

3. 作成画面で[参照]ボタンをクリックします。

4. 次に、サイト内に作成された CSS という名前のフォルダーを選択し、作成する CSS の名前を入力します (英語である必要があります)。を選択し、[保存]をクリックします。

5. 次に、[リンク]として追加を設定し、[OK]ボタンをクリックします。

#6. 追加が完了すると、右側のサイトの CSS フォルダー配下に、新しく作成された CSS スタイルシート ファイルが表示されます。

7. 左側の [head] タグには、CSS ファイルにリンクする追加のコード行があります。リンクされたスタイル シートは、上部のタブ タグにも表示されます。

#8. 次に、簡単な Web ページを作成して、CSS スタイル シートが正常にリンクされているかどうかを確認します。 HTML Webページの編集ページを開き、[body]タグにdivを入力します。以下に示すように:

9. 次に、上部のタブ タグで作成したばかりの CSS スタイル シートを選択し、スタイル シートに [aaa] という名前を付けてスタイルを記述します。そしてスタイルシートを保存します [ショートカットキー Ctrl S]。

10. 次に、HTML 編集ページに戻り、div タグにクラスを導入し、先ほど書いたスタイルの名前 [aaa] を入力して、Web ページを保存します [ショートカット] Ctrl S] キーを押します。

#11. 上部のデザイン ボタンをクリックして、リアルタイムの効果を確認します。

#12. ショートカット キー F12 を押してブラウザで直接開き、実際の効果を確認することもできます。これは、CSS を html にリンクすることに問題がないことを証明しています。

プログラミング関連の知識について詳しくは、

プログラミング入門をご覧ください。 ！

以上がDWのHTMLにCSSファイルをリンクする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。