未应用或覆盖外部 CSS



我正在尝试设计一个外观与Microsoft有些相似的网页。(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 之一。

谢谢!

外部 - 不工作

内部 - 像魅力一样工作

谢谢大家! - 简单的拼写错误!很抱歉打扰您!

这是无效的:

<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 文件是否成功获取。

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

在HTML的顶部引用你的CSS——在<head>标签之间。

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

在命名文件时,请务必尝试驼峰大小写 - "newTheme.css"或使用下划线"new_theme.css"!

这应该可以解决您的问题! :)

不应包含样式标记内部。 它应该在标签内。 前任。

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

此外,当您的文件名之间有空格时,您需要对名称进行编码。 例

href="new theme.css"

成为

href="new%20theme.css"

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

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

打开您的主机以查看它是否可以找到您的 CSS 文件

最新更新