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

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 サイトの他の関連記事を参照してください。