我正在尝试设计一个外观与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 文件