HTML中目录的调用

HTML分为相对路径和绝对路径。

（说明：1.本次以HTML中的link元素为例,像img等也类似。2.css文件名为”目录.css”。3.html文件地址为F:\code；css文件地址改变)

• 绝对路径(absolute path)

  HTML绝对路径(absolute path)指带域名的文件的完整路径。
  例：
  css在桌面上，即目录为C:\Users\Administrator\Desktop就是它的绝对地址

• 相对路径(Relative Path)

  相对路径也即相对于自身文件位置的路径
  例：

1.同级文件夹下（css文件也在F:\code下）

<link rel="stylesheet" href="目录.css">

2.上级文件夹下（css文件在F:\下）

 <link rel="stylesheet" href="../目录.css">

3.下级文件夹下（css文件在F:\code\css下）

<link rel="stylesheet" href="css/目录.css">

---

总结：
以此类推：只要是向上文件都是../；向下的直接写文件名；相对路径直接调用路径。
“.”–代表目前所在的目录。
“..”–代表上一层目录。
“/”–代表根目录。
例：html文件地址为F:html\code\lizi
css文件地址为F:\css

     <link rel="stylesheet" href="../../../css/目录.css">