LoginSignup
0
1

More than 5 years have passed since last update.

はじめてパスを使う

Posted at

画像を読み込む方法

パスをつかって、ファイルがどこからのものか表す必要がある。

パスとは、

どこにファイルがあるか教える文字列のこと。

ルートディレクトリとは、

ファイル階層の最上位を指す。(/)

絶対パスとは、

階層構造の頂点(ルートディレクトリ)から目的地までのルート。ユーザーがどこで作業中でも同じルートになる。
利点:目的地を間違えにくい。

相対パスとは、

ユーザーの作業地点から目的地までのルート。絶対パスと違って、ユーザーの作業地点によって変わる。
利点:ルートディレクトリがそのまま引っ越ししてれば、修正しなくていい。

相対パスをつかって画像を読み込む

cssから見て、
・同じ階層の別のフォルダなら=「フォルダ名/」
・1つ上の階層なら=「../」

実際にやってみる

無題.png
こんなファイルの場合、
cssのstyle.cssで背景画像としてimgの7a768e...の画像を使いたいとき。
style.css~css~img~7a768e...の順に辿る。
つまり、
1.style.cssから1つ上の階層のcssに上がるため=「../」
2.cssから同じ階層のimgに行くために=「img/」

結果、style.cssには無題.png
となる。

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1