Web アプリケーションで CSS ファイルへのパスを正しく指定するにはどうすればよいですか?

Web アプリケーション内の CSS ファイルへの相対パス

Web アプリケーション内で CSS ファイルを参照する場合、スタイル設定には正しいパスを指定することが重要です効果的に適用されること。現在のパス仕様が正しく構成されていないと仮定すると、現在のパス仕様に関する問題が特定されました。

絶対パスと相対パスについて

パスには主に 2 つのタイプがあります。

• 絶対パス: スラッシュで始まります(/) は、ルート ディレクトリを基準としたサーバーのファイル システム上の場所を指します。
• 相対パス: スラッシュで始まらず、現在のディレクトリからの相対的な場所を指します。ファイルのディレクトリ。

特定のファイルに適用するCase

あなたの場合、Java Web アプリケーションのルートにある CSS ファイルを参照したいと考えています。 2 つのオプションが使用可能です:

1. 絶対パス:

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

   ログイン後にコピー

   このパスは、絶対的な性質を示すスラッシュで始まります。プロジェクト フォルダーがホスト名のルートにあることを前提としています。たとえば、プロジェクトのルート URL が http://localhost:8080/ServletApp/ の場合、CSS ファイルは http://localhost:8080/ServletApp/css/styles.css.

2. 相対パス:

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

   ログイン後にコピー
   このパスはスラッシュで始まらないので、相対的な性質を示します。 CSS ファイルが参照元の HTML ページと同じフォルダーにあることを前提としています。 HTML ページはindex.html であるため、CSS ファイルは css/styles.css にある必要があります。

正しいパスの選択

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