html网页文件和CSS样式文件不在同一文件夹下的调用

首先，介绍一下相对路径的的层次关系：相对路径的层级关系是这样的，同级目录用/或者什么也不写，上级目录用../，下级目录就用目录名/。举个例子吧，假如你的outer.html在你的web文件夹下。every.css和outer1.html在你的web文件夹下的css文件夹中，你的outer2.html在你的web文件夹下的files文件夹下，那么你想在outer.html中引用css，路径就是css/every.css。而在outer1网页中引用css就是every.css，在outer2.html中引用css就是../css/every.css

例如下图，HTML文件和CSS样式文件不在统一文件夹：

在html文件夹中的outer.html网页文件要引用css文件夹中的outer.css样式文件，在html网页文件的头部中加入：

<link rel="stylesheet" type="text/css" href="../css/outer.css">

这样OK了。。。。。。

 最近开了个公众号用于推送前端学习总结，有更多有趣有用的文章在这里推送，请多多关注 。