链接CSS无效

Question

链接CSS无效

4

图片描述

我的CSS无法正常工作。我在网上搜索了很久，但无法找到问题所在，因为CSS无法与HTML连接。这是我的代码：

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="yee.css">.
    </head>
    <body>
        <audio id="yee" src="C:\Users\Jake Coffey\Downloads\yee.wav" preload="auto"></audio>
        <center><img src="https://vignette1.wikia.nocookie.net/smashbroslawlorigins/images/1/16/Yee.png/revision/latest/scale-to-width-down/280?cb=20140904202925" onclick="document.getElementById('yee').play();" /></center>
    </body>
</html>

- Jake

你的文件夹结构是什么样子的？如果你的HTML文件在根目录中...是否存在.../css/yee.css？另外，你确定你的样式实际上没有被应用吗？试试body { background-color: green }。 - StefanBob

3

尝试关闭链接标签并删除末尾的点。<link rel="stylesheet" type="text/css" href="css/yee.css" /> - GSazheniuk

5个回答

0

请确保正确输入 href：

href="yourfolder/yourcssstylename.css"

- ori

0

尝试将链接与指向css文件夹的index.html处于同一级别。

<link rel="stylesheet" href="yourfolder/css/styles.css">

或者只保留 ...href="css/styles.css"> 并确保在 css 文件名前删除 /。

- Eyüp

0

很难回答，因为我们看不到你的文件结构。你正在使用的这个href href="css/yee.css" 假设你的文件长这样。

/ project-folder
  index.html
  / css
    yee.css

href 属性告诉你的 HTML 文件在哪里查找 CSS 文件。如果你的 CSS 文件与 HTML 文件在同一个文件夹中，请尝试将 href 更改为 href="yee.css"

希望这可以帮到你！

编辑：

https://codepen.io/718studio/project/editor/ABPvrZ/

- Chris Scott

我已经改变了代码和文件位置，但CSS仍然无法正常工作。有任何想法是为什么吗？ - Jake

0

最好始终指定CSS文件的完整地址，例如：

 href="http://localhost/public/css/yee.css"

请确保在服务器中使用正确的协议 http:// 或 https://。

提示：您可以将站点目录保存为常量，以便在部署期间不检查链接。

- felix tm

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- bearwithbeard · Accepted Answer

也许这没关系，但是我遇到了一个问题。

尝试在你的链接标签结尾处添加/。

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