CSS ファイルを HTML ファイルに正しくリンクするにはどうすればよいですか?

HTML ファイルから CSS ファイルをリンクするには?

スタイルシートとして認識させるには、rel 属性値を stylesheet に変更する必要があります。 this:

<link rel="stylesheet" href="newcssstyle.css" type="text/css">

rel 属性値をスタイルシートに設定すると、たとえばスタイルシート リンクとアイコン画像のリンク。 MDN で rel 属性に使用できるすべての値を確認できます。

さらに、それでも機能しない場合は、ファイル "newcssstyle.css" が参照されている HTML ファイルと同じディレクトリにあることを確認してください。 「stylesheets」などのフォルダーに置く場合は、相対フォルダー パスを HTML ファイルに必ず追加してください。

たとえば、次のようなディレクトリがあるとします。

• 親ディレクトリ名前:

  • index.html

  • スタイルシート:

    • newcssstyle.css

それなら、あなたは参照します"newcssstyle.css" ("index.css" に相対) as href='Stylesheets/newcssstyle.css'

一方、次のようなディレクトリでは:

• 親ディレクトリ名前:

  • Html_files:

    • index.html

  • スタイルシート:

    • newcssstyle.css

その後代わりに、「newcssstyle.css」を href='../Stylesheets/newcssstyle.css' として参照します (ここで、.. は「親ディレクトリに 1 つ上のレベルに移動する」ことを意味します)。

次のようなディレクトリ内でthis:

• 親ディレクトリ名前:

  • index.html
  • newcssstyle.css

その後、「newcssstyle.css」を href= として参照します。代わりに './newcssstyle.css' (単一の . は「 HTML ファイル").

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