Question

我正在使用arduino，node.js和socket.io处理项目。我在localhost中运行它，但我的外部样式表不会加载。

错误似乎在说它无法通过此路径http://localhost:1337/css/main.css

获取我的CSS

但是，如果我将css保存在html文件中的样式标记中，它一切正常，有没有办法保持css外部所以它不会混乱我的html文件？

继承人如何加载我的CSS

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

以下是我的文件结构的外观

这是我在css文件夹

中的main.css文件

我的main.css文件在css文件夹中，我正在使用interface.html文件

Answer 1

请改为尝试：

<link rel="stylesheet" type="text/css" href="http://localhost:1337/css/main.css">

注意href前面的var myA = document.createElement('a'); myA.setAttribute('href', "'data:application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;base64,' + EB.createFile(workbook)); myA.setAttribute('download', "myXLSX.xlsx"); document.getElementById("mydiv").appendChild(myA); myA.click(); document.getElementById("mydiv").removeChild(myA);

否则包括完整路径名称：

{{1}}

Answer 2

this is what i have tried and it is working for me

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

thanks

Answer 3

相对路径从你的html路径开始，所以

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

应该工作（因为你的main.css在css文件夹之外）。或者，您可以将main.css文件放在css文件夹中，并使用＆＃34; css / main.css＆＃34;

引用它。

Answer 4

要提供静态文件（如图像，CSS文件和JavaScript文件），请使用Express中的express.static内置中间件功能。

功能签名是： app.use（express.static（__目录名））;

然后你可以包括像bellow

<html>
<link rel="stylesheet" href="/css/style.css">
</html>

Answer 5

我遇到的问题与你面临的问题相同，但我在代码下面感到很累，而且很有效。

body{
background-color: yellow;
}
h1{
color: red;
}
p{
color:green;
}

<html>
<head>
 <link href="./external.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1>This is my First page to test CSS</h1>
<p>The main motive to making this html file is to test my CSS skill.....</p> 
</body>
</html>

谢谢，希望它会帮助你......

Answer 6

我也面临着这个问题...但是我找到了解决方案并起作用。尝试以下代码行：-

<link rel="stylesheet" type="text/css" href="css/main.css?v=<?php echo time(); ?>" />

Answer 7

对于其他遇到此问题的人，我遇到了同样的问题并找到了解决方案。我的本地主机显然遵循了缓存的CSS样式表文件的路径，即使它已经被无数次覆盖。

解决方案：不必直接从文件夹中打开样式表进行编辑，而是必须从文本编辑器下拉菜单中手动打开它。经过数小时的挫折之后，事情就这么简单了。我使用Sublime Text，如果有什么区别，但是本地主机似乎有问题，并且我怀疑清除缓存会产生相同的结果。

在localhost中无法加载外部css

7 个答案: