2015-12-05 137 views
-3

我正在做一个网站,我正试图找到一种方法来链接我的CSS文件,在其他文件夹中,但我不知道该怎么做。在这一刻,我将它与HTML代码放在同一个文件夹中。链接JS作为CSS也是一样的,因为我需要将它链接到。
谢谢。
从另一个文件夹链接CSS?

+0

所以其中连接的部分是你有麻烦? –

+0

http://www.iusmentis.com/technology/www/relativeurls/ – Quentin

+0

提供您的文件夹结构以提供具体的细节 –

回答

1

如果当前文件夹是/current/folder/location/index.html,和你.css文件为/current/second/folder/style.css,然后用这个作为一个例子:

<link rel="stylesheet" type="text/css" href="../../second/folder/style.css"> 

或者:

<link rel="stylesheet" type="text/css" href="/current/second/folder/style.css"> 

但是,如果第二个文件位于`/current/folder/second/style.css中,则使用:

<link rel="stylesheet" type="text/css" href="../second/style.css"> 
3

您可以使用相对路径在你的HTML标签<link>

例如

文件夹结构中导航
<link href="../css/main.css" type="text/css" rel="stylesheet"> 

会去一个文件夹最多(../),然后选择主的CSS在您的index.html到头部css文件夹

0

把这个目标

<head> 
 
    <link rel="stylesheet" href="myfile.css"/> 
 
</head>

当你在其他文件夹中的文件,则必须使用../myfile.css../../myfile.css。该../被引用到父文件夹

1

从一个HTML文件链接到一个CSS文件中,<link>标签使用

  1. 一个typetext/css
  2. stylesheet
  3. href一个rel值,它的地址,你的css文件。

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

ADDRESS_OF_CSS_FILE可以是:

  • 绝对路径(完整的文件在您的计算机, 包括C对路径:驱动程序实例)

    <link href="C://unneccessary/toType/folders/myProjectFolder/myStylesFolder" rel=...>

  • 相对路径(相对于HTML文件的路径,你是 把你<link>标签进去。)

    假设这是你的目录结构

    /Desktop 
        /myProjectFolder 
        index.html 
        /myStylesFolder 
         my_styles.css 
    

    你把<link>标签index.html里面,index.html里面/myProjectFolder,所以对于link标签当前文件夹myProjectFolder

    你必须告诉浏览器:

    • 当前目录
    • 转到/StylesFolder这是在当前目录
    • ,并从那里,负载my_styles.css文件

      你告诉浏览器这样做:

      href="./myStylesFolder/my_styles.css" 
      

      浏览器理解./当前目录,并../为当前目录的父目录,在这种情况下:/Desktop

相关问题