CSS ファイルをリンクするために絶対パスと相対パスを選択するにはどうすればよいですか?

CSS ファイルへの相対パス

Web アプリケーションで CSS ファイルを参照する場合、スタイルが正しく適用されるように正しいパスを指定することが重要です。

絶対と相対を理解するパス

• 絶対パスは、ホスト名のルートを示すスラッシュ「/」で始まります。
• 相対パス現在の URL から開始location.

CSS ディレクトリのルートの指定

この場合、CSS ディレクトリはプロジェクト フォルダーのルートにあります。正しいパスを指定するには、

1 の 2 つのオプションがあります。絶対パス:

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

このパスは、プロジェクトのルートがホスト名の直下にあることを前提としています。たとえば、Web サイトが http://mywebsite.com にある場合、このパスは機能します。

2.相対パス:

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

このパスは、CSS ファイルが、CSS ファイルを含める HTML ファイルと同じディレクトリにあることを前提としています。CSS ディレクトリはプロジェクトのルートにあるため、これはパスも

考慮事項:

• CSS ディレクトリを移動するか、URL の /ServletApp/ 部分を削除する予定がある場合、絶対パスはさらに大きくなります。
• CSS ファイルが常に HTML ファイルと同じディレクトリに配置される場合は、相対パスの方が効率的です。

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