为什么我的HTML没有链接到我的CSS?

时间:2013-04-11 23:01:10

标签: html css hyperlink

我在我的网站上工作,我的HTML没有链接到我的CSS。有人可以就这个问题说清楚吗?

这是我代码中的代码段。

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

我的文件目录是这样的。

  • /根
    • / CSS
      • 的style.css
      • style2.css
    • / HTML
      • 的index.html
      • webconfig.html
    • /图片

这是对的吗?

3 个答案:

答案 0 :(得分:4)

您当前的href是一个相对路径,源自HTML文件的所在位置。

您可以使用正确的相对路径......

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

或者您可以使用绝对(以域为根)的路径......

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

...假设您的网站部署在您网域的根目录。

答案 1 :(得分:0)

您拥有的链接是相对的,因此它开始查找与您的html相同的文件夹。您可以使用/css/style2.css执行css的绝对路径,或使用相对路径../css/style2.css

答案 2 :(得分:0)

使用相对网址 <link href="../css/style2.css" rel="stylesheet" type="text/css">

网址 css / style2.css 应该与HTML文件(包含代码<link href="css/style2.css" rel="stylesheet" type="text/css">的文件)相关。

上面相对URL中的

..表示返回一个文件夹,然后返回到css文件夹 - 并在该css文件夹中使用style2.css文件。

同样../../,意味着返回两个文件夹,依此类推。