HTML ファイルから CSS ファイルをリンクするには? インライン を使用して HTML をスタイル設定する場合<head> のタグセクションに記載されているように、初めてスタイルを CSS ファイルに移動しようとすると問題が発生する可能性があります。この問題を解決するためのトラブルシューティング ガイドは次のとおりです。</p> <h3>CSS ファイルのリンクが機能しないのはなぜですか?</h3> <p>HTML コードで、<link> の rel 属性を指定しました。 「これがうまくいくことを願っています」というタグを付けます。これは間違いです。 CSS ファイルにリンクするには、rel 属性を「stylesheet」に設定する必要があります。</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><link rel="stylesheet" href="newcssstyle.css" type="text/css"></pre><div class="contentsignin">ログイン後にコピー</div></div> <p>rel 属性を「stylesheet」に設定すると、このリンクは、たとえばアイコンではなくスタイルシート リンクとして区別されます。画像リンク。</p> <h3>追加の考慮事項</h3> <p>rel 属性を正しく設定した後も CSS ファイルが機能しない場合は、次のことを確認してください。 CSS ファイルは、参照元の HTML ファイルと同じディレクトリにあります。ネストされたフォルダー内にある場合は、href 属性で適切な相対フォルダー パスを使用します。</p> <p>たとえば、ディレクトリ構造が次の場合:</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>Parent Directory: - index.html - Stylesheets: - newcssstyle.css</pre><div class="contentsignin">ログイン後にコピー</div></div> <p>次に、HTML ファイル内で次のようにします。 「newcssstyle.css」は次のように参照されます。</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>href='Stylesheets/newcssstyle.css'</pre><div class="contentsignin">ログイン後にコピー</div></div> <p>ディレクトリ構造とファイル参照が特定の環境に正しいことを確認してください。セットアップ。</p>
