Index.html文件CSS加载错误

时间：2017-08-10 06:24:37

标签： html css

我刚刚推送了一个网站，它只是加载“原始HTML”。我已经对此进行了几个小时的故障排除，似乎无法解决原因。

以下是代码：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <link rel="icon" type="image/ico" href="http://www.example.com/favicon.ico"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Example</title>

    <!-- Bootstrap Core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Theme CSS -->
    <link href="css/freelancer.min.css" rel="stylesheet">

非常感谢任何帮助。

4 个答案:

答案 0 :(得分：0)

你做得对，问题是CSS文件驻留在不同的文件夹中。建议在站点的根目录中创建一个包含所有CSS文件的CSS文件夹，如下所示：

enter image description here

然后，您只需稍微修改标题中的link元素：

<!-- Bootstrap Core CSS -->
<link href="css/vendor/bootstrap/bootstrap.min.css" rel="stylesheet">
<!-- Theme CSS -->
<link href="css/freelancer.min.css" rel="stylesheet">

因此，如果需要，您可以继续添加更多CSS文件。

我希望它有用！

答案 1 :(得分：0)

请仔细检查你的位置

如果你把它放在单独的文件夹中，你可能想要使用类似这样的东西

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

如果它与index.html位于同一文件夹中

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

现在，如果您将index.html文件放在一个单独的文件夹中

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

请注意＆＃34; ../"让你从索引的当前位置返回一个文件夹

答案 2 :(得分：0)

问题解决了。我必须将所有文件合并到.index.html

中

答案 3 :(得分：-3)

<!-- Bootstrap Core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">

<!-- Theme CSS -->
<link href="css/freelancer.min.css" rel="stylesheet" type="text/css">

类型是必需的，请检查类型。

相关问题
最新问题