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

CSS ファイル内の相対パスは CSS ファイルに相対的ですか?

CSS を使用する場合、画像やその他の外部ファイルを参照する場合CSS ファイルは一般的な方法です。これらの参照の相対パスを理解することは、ファイルを適切に配置するために重要です。

CSS の相対パス: 詳細を見る

CSS ファイルの相対パスは、 CSS ファイルを使用する HTML ファイルではなく、CSS ファイル自体です。つまり、画像または別のファイルのパスを指定する場合は、CSS ファイルが配置されているディレクトリから始まるパスを指定する必要があります。

例で理解する

この概念を実証するには、次のレイアウトを検討してください:

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

CSS ファイル内 (styles. css):

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

この例では、画像 (image.jpg) へのパスCSS ファイル内の は ../ で始まります。これは、CSS ファイル (styles.css) の場所から「1 つ上のディレクトリに移動」し、画像が保存されている画像ディレクトリに移動することを意味します。

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