Question

现在建立我的网站一段时间后，我想看看我是否可以将其上传到我的域名，看看它是否可以从网络上运行。

现在我的css文件出现了这个错误：资源解释为样式表，但使用MIME类型text / html进行传输：＆＃34; http://www.benny-water.com/Mainscss2.css＆＃34;

我一直在谷歌上搜索3个小时，并没有找到解决方案。如果我理解它是我的服务器（OVH）错误地将css文件解释为html或文本文件，但我不知道在哪里更改它。

我的css文件代码如下所示：

<head>
    <title> Benny Water </title>
    <link rel="stylesheet" type="text/css"  href="Mainscss2.css"> </link>
    <link rel="stylesheet" type="text/css" href="/style/Css3.css" />
    <link rel="stylesheet" type="text/css" href="style/Grid.css" />
    <link rel="stylesheet" type="text/css"  href="https://fonts.googleapis.com/css?family=Oxygen"/>
    <link rel="stylesheet" type="text/css"  href="https://fonts.googleapis.com/css?family=Muli"/>

    <link rel="stylesheet" type="text/css" ng-href="js/Jportfolio/css/bootstrap.min.css" />
        <link rel="stylesheet" type="text/css" ng-href="js/Jportfolio/css/jportilio.css" />
        <link rel="stylesheet" type="text/css" ng-href="js/Jportfolio/css/jportilio_style_default.css" />

    <script type="text/javascript" src="js/Jportfolio/js/jquery-1.11.2.min.js"/>
        <script type="text/javascript" src="js/Jportfolio/js/bootstrap.min.js"/>
        <script type="text/javascript" src="js/Jportfolio/js/jportilio.js"/>

    <script src="http://code.jquery.com/jquery-latest.min.js"/>

</head>

谢谢你的帮助:)

Answer 1

看看您的路径，您的CSS文件所在的位置似乎不匹配。

<link rel="stylesheet" type="text/css" href="Mainscss2.css"> </link> <link rel="stylesheet" type="text/css" href="/style/Css3.css" /> <link rel="stylesheet" type="text/css" href="style/Grid.css" />

/style/Css3.css在您的路径前面有一个/，但style/Grid.css没有。

您的Mainscss2.css链接也被错误地关闭。我将移除</link>并使用/>关闭标签，以确保代码的一致性。

Answer 2

.css文件必须位于<head>标记内，而<body>标记位于。{s}。这是一条规则，但无论如何，当它们都在<head>内时，它显然也会起作用。

关于.css的路径，您确定它是正确的吗？

<link rel="stylesheet" type="text/css"  href="Mainscss2.css"> </link>
<link rel="stylesheet" type="text/css" href="/style/Css3.css" />
<link rel="stylesheet" type="text/css" href="style/Grid.css" />

3 .css

有3种不同的路径

使用此方案：

/var/www/mywebsite/index.php
/var/www/mywebsite/images/favicon.ico
/var/www/mywebsite/style/css/mytheme.css
/var/www/mywebsite/style/css/images/imagesUsedBymytheme.png
/var/www/mywebsite/style/js/myscript.js

当然会相应地修改它，如果你是index.php，你会想要使用这段代码链接你的.css：

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

编辑： <link>是一个标记，您可以将其用作<link rel="" href"" >

CSS也未被识别为CSS文件

2 个答案: