Question

我正在尝试设计一个与微软有点相似的网页。（https://www.microsoft.com）这包括构建一个图像幻灯片，这就是为什么我查找W3学校并发现这个：https://www.w3schools.com/howto/howto_js_slideshow.asp这是一个很好的例子，当我在一个html文档中编写所有代码时，它可以工作，但是，当我尝试链接时到外部样式表它不再起作用了。我可以选择在js链接上创建，但我不这么认为，因为切换到下一张图片是有效的。我已经搜索了stackoverflow，人们建议在链接中添加？v3（或类似的东西），清除缓存等等。 - 到目前为止我没有任何作品。我在Chrome和Firefox中试过这个。

以下是我如何链接到我的CSS :(它在头脑中）

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

这是js链接:(在正文的末尾）

<script type="text/javascript" src="js/new script.js?v=3"></script>

任何想法为什么会这样？也许其他一些教程？我将包含工作html的图片，其中包含所有内容，以及带有外部js和CSS的html之一。

非常感谢！

external - not working

internal - working like a charm

感谢每一个人！ - 简单的拼写错误！抱歉打扰你！

Answer 1

这是无效的：

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

在<style>和</style>之间，必须有CSS代码。但是link不是CSS代码，而是HTML代码。正确的语法只是：

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

然后，"new theme.css"在其名称中有一个空格，因此它可能会被编码为"new%20theme.css"并且您将获得404.不要在文件名中使用空格。

最后，打开控制台以查看任何错误，尤其是检查是否正在成功提取CSS文件。

Answer 2

不要在文件名中使用任何空格，请尝试使用new_theme.css和new_script.js

Answer 3

在您的HTML顶部引用您的CSS - 位于<head>标记之间。

<link rel="stylesheet" href="new_theme.css">

也总是尝试Camel Case - ＆＃34; newTheme.css＆＃34;或使用下划线＆＃34; new_theme.css＆＃34;命名文件时！

那应该解决你的问题！：）

Answer 4

您不应该在样式标记内包含。它应该在标签内。防爆。

<head>
  <link rel="stylesheet" type="text/css" href="new%20theme.css">
<head>

如果文件名中包含空格，则需要对名称进行编码。实施例

href="new theme.css"

变为

href="new%20theme.css"

Answer 5

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

或

 <style type="text/css">
   css code here
 </style>

打开你的控制台，看看它是否能找到你的css文件

外部CSS未应用或覆盖

5 个答案: