/ ./ ../的区别

/   网站根路径 

./  当前路径

../ 上一级路径

 

例如以上 本地静态网站 index页面地址  127.0.0.1/bootstrap_test/index.html

 

需要引入 css 文件夹的 bootstrap.css文件 

1、

<link href="css/bootstrap.min.css" rel="stylesheet">  实际请求地址为：127.0.0.1/bootstrap_test/css/bootstrap.min.css 

2、

 

<link href="./css/bootstrap.min.css" rel="stylesheet">  实际请求地址为：127.0.0.1/bootstrap_test/css/bootstrap.min.css 

3、

 

<link href="/css/bootstrap.min.css" rel="stylesheet">  实际请求地址为：127.0.0.1/css/bootstrap.min.css 

4、

 

<link href="../bootstrap_test/css/bootstrap.min.css" rel="stylesheet">  实际请求地址为：127.0.0.1/bootstrap_test/css/bootstrap.min.css