如何为CSS等内容指定相对路径?

时间:2012-07-28 17:05:39

标签: html css

当我链接到任何文件时,我必须指定看起来像这样的绝对路径

<link rel="stylesheet" type="text/css" 
      href="F:/XmppOld/XAMPP2/htdocs/MAIN_SITE_LAYOUT/css/stylemainpage.css" />

我想将其缩小到

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

我不知道该怎么做。我尝试将stylemainpage.css放在正在查看的页面中,但它不起作用。

4 个答案:

答案 0 :(得分:1)

尝试使用<link rel="stylesheet" type="text/css" href="css/stylemainpage.css"/>css之前没有前导斜杠)

答案 1 :(得分:1)

路径取决于放置HTML文件的位置

HTML
  index.html
CSS
  style.css

HTML文件中的CSS路径为 - <link href="../CSS/style.css" rel="stylesheet"/>

编辑:在您的情况下,路径应为 -

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

答案 2 :(得分:0)

将CSS文件和HTML pgae保存在同一文件夹中,然后只包含CSS文件名。如果要将CSS文件保留在同一服务器根目录下的某个其他文件夹中,并且仍希望使用相对路径名,请使用../。使用..向上移动一级,/向下移动一级。

答案 3 :(得分:0)

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

css放入css folder