学会读懂磁盘的组织方式，并写出绝对路径或相对路径。
在 Kodokon 中打开本课文件是一个贴着名字的盒子，里面装着数据：一段文字、一张照片、一首歌、一段代码。文件夹（也叫目录）则是一个活页夹：它本身不装数据，它装的是文件和其他文件夹。就这么简单。没有第三种东西，而这种简单是个好消息：接下来好几年你要打交道的一切，都装在这两个词里。
既然文件夹里可以放文件夹，那个文件夹里又可以再放一个，整体就形成了一棵树：这就叫目录树。最顶端是根目录，一切都从这个起点往下延伸。在 Windows 上，主磁盘的根写作 C:\。在 macOS 和 Linux 上，它就简单地写作 /。你机器上的每个文件都在这棵树的某个位置，而且只在一个位置。
my-project/
index.html
notes.txt
images/
logo.png
beach-photo.jpg
styles/
style.css要毫无歧义地指出一个文件，就要写出它的路径：从某个起点出发、一个文件夹一个文件夹走过去的路线。当这个起点是根目录时，就叫绝对路径。它就像一个完整的通信地址：不管你在机器的哪个位置，它都能带你到达。在 Windows 上，文件夹之间用反斜杠 \ 分隔；在 macOS 和 Linux 上则用斜杠 /。
Windows C:\Users\Marie\my-project\images\logo.png
macOS /Users/marie/my-project/images/logo.png
Linux /home/marie/my-project/images/logo.png每次都写完整地址会很累人。所以大多数时候你会用相对路径：从你当前所在的位置出发的路线。有两个快捷写法会反复出现。一个点 . 表示“当前文件夹”，也就是我此刻所在的这个。两个点 .. 表示“上级文件夹”，也就是紧挨着上面的那个。这就是“我隔壁那扇门”和背出一整个通信地址之间的区别。
在 my-project 文件夹里：
images/logo.png logo 文件，位于 images 子文件夹中
./notes.txt notes 文件，就在这里（这个点可以省略）
../other-project/ 相邻的一个文件夹，向上一级mon-projet 里，styles 和 images 是并列的两个文件夹。请从 styles/style.css 出发，补全通往 images/logo.png 的路径。body {
background-image: url("___");
}