ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS における相対 URL の参照ポイントとは何ですか?

CSS における相対 URL の参照ポイントとは何ですか?

Susan Sarandon
Susan Sarandonオリジナル
2024-12-22 14:33:14211ブラウズ

What is the Reference Point for Relative URLs in CSS?

CSS の相対 URL: 参照ポイントの決定

CSS ファイル内で相対 URL を利用して背景画像などのリソースを指定する場合、これが重要になります。そのような URL の参照ポイントを理解するために。次の CSS ルールが定義されているシナリオを考えてみましょう:

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

このルールはファイル「/stylesheets/base-styles.css」に含まれています。このスタイルシートが を通じてさまざまなドキュメントにリンクされている場合、CSS 内の相対 URL はどこに相対的に解釈されますか?

答え: スタイルシート ドキュメントに相対

W3C によって確立された仕様によれば、CSS ファイルで指定された部分 URL は、スタイルシートのソースではなく、スタイルシートのソースを基準として解釈されます。それが含まれるドキュメント。したがって、前述の例では、相対 URL は、それが含まれている現在のドキュメントではなく、「/stylesheets/」に関連して解釈されます。

CSS ファイルが含まれる可能性があるため、このアプローチにより一貫性と信頼性が保証されます。異なるディレクトリにあるページ内。 CSS ファイル自体への参照ポイントを標準化することで、ドキュメントの場所やパスに関係なく、URL がシームレスに機能します。

以上がCSS における相対 URL の参照ポイントとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。