CSS ファイルの相対パスは CSS または HTML ファイルに相対していますか?

CSS ファイルでのパス参照: CSS または HTML に関連していますか?

CSS ファイルを利用して HTML ドキュメントのスタイルを設定する場合、 CSS ファイルの場所と参照されるパスの関係。

質問:

CSS ファイル内の画像またはアセットへの相対パスを指定する場合、そのパスはCSS ファイル自体ですか、それとも CSS を含む HTML ファイルですか?

答え:

はい、CSS ファイル内の相対パスは、CSS ファイルの場所からの相対パスです。

説明:

CSS では、CSS ファイルのディレクトリ構造に基づいてリソース (画像、フォントなど) を見つけるために相対パスが使用されます。これらのパスの参照ポイントは CSS ファイル自体です。

たとえば、次のレイアウトを考えてみましょう:

• ページ: page.htm (場所は関係ありません)
• CSS: /resources/css/styles.css
• 画像: /resources/images/image.jpg

CSS ファイルでは、画像への相対パスは次のようになります。

div { background-image: url('../images/image.jpg'); }

この例では、パス「../images/image.jpg」は「styles.css」ディレクトリ (CSS ファイルの場所) から始まり、1 つ上のディレクトリ レベルに移動します (「」で示されます)。 ../') を、「image.jpg」ファイルがある「images」ディレクトリに移動します。

このパス参照により、リソースは、ファイルの場所に関係なく、常に CSS ファイルを基準にして配置されます。 CSS を含む HTML ファイル。

以上がCSS ファイルの相対パスは CSS または HTML ファイルに相対していますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。