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

CSS の相対パス: 何に対して相対的ですか?

CSS では、相対パスは、画像やファイルなどの外部リソースを参照するためによく使用されます。他のCSSファイル。ただし、よくある質問は次のとおりです。パスは何に対して相対的なものなのでしょうか? CSS ファイル自体に対する相対パスですか、それとも CSS を含む HTML ファイルに対する相対パスですか?

質問への答え

答えは明確です。はい、次の相対パスです。 CSS ファイルは CSS ファイル自体に対して相対的なものです。これは、パスが CSS ファイルが配置されているディレクトリから始まることを意味します。

例

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

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

styles.css ファイル内に、次の CSS ルールがある可能性があります:

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

この例では、相対パス ../images/image.jpg は、 style.css ファイルは、resources/css にあります。したがって、パスは /resources/images/image.jpg.

にある画像を参照します。

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