html - HTML 和 CSS 不会链接

Question

我的 html 和 css 不会链接 css 是假设使标题上的 Hayes 和 Ash 单词变红。我的代码：

<!DOCTYPE html>
<html style="background-color:#FFA100;>
<head>
    <link rel="stylesheet" type="text/css" href="C:\Documents and Settings\Test.DOBRUSKY\Desktop\stylesheet.css"/>
    <title>Hayes and Ash</title>
</head>
<body>
    <h1>Hayes and Ash<h1>
    <div id="hayes">
        <img src="http://i.imgur.com/xXSDVAm.jpg?1"/>
        <p>I am Hayes harharhar</p>
    </div>
    <div id="ash">
        <img src="http://i.imgur.com/zcBLpU6.jpg?1"/>
        <p>This is Ash I am very fluffy!</p>
    </div>
   </body>
</html>

score 4 · Accepted Answer

链接：

href="C:\Documents and Settings\Test.DOBRUSKY\Desktop\stylesheet.css"

应该是URL，而不是本地文件系统路径。并且它可以是相对于 HTML 文档的位置，例如：

href="stylesheet.css"

或者

href="http://www.example.com/somewhere/out/there/stylesheet.css"

score 3 · Accepted Answer

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

如上所示以这种方式链接css文件并检查它

关闭 h1 标签

<h1> Hayes and Ash </h1>

颜色可以应用于正文中的所有文本。

score 0 · Accepted Answer

您在链接声明中直接引用了您的本地计算机。C:\Documents and Settings\Test.DOBRUSKY\Desktop\stylesheet.css

最佳做法是将样式表放在项目内的文件夹中，然后在其中引用样式表。如果您将样式表放在名为“styles”的文件夹中，您的 href 参考将如下所示。href="~\styles\stylesheet.css"

当然，如果需要，您可以将样式表放在项目的主文件夹中，但最好有文件夹结构以向项目中添加更多 css 文件。

在下面的文章中查看方法 3。
http://html.net/tutorials/css/lesson2.php

score 0 · Accepted Answer

两天前我也遇到了同样的问题。

我尝试了许多不同的方法来输入 src。他们都没有工作。仔细检查它们并三次检查它们，以防丢失字符或拼写错误。

最后，我发现的问题是我用powershell创建的目录和文件。CSS 文件没有问题，但 html 文件不喜欢从 powershell 创建（我不知道原因）（使用 Macbookpro 的终端没有出现该问题）。所以我打开了一个记事本，并粘贴了与前一个文件完全相同的代码（在 powershell 中使用 echo 命令创建的那个），将其保存为 .html，然后将 css 文件与 html 链接并设置它的样式就好了。

html - HTML 和 CSS 不会链接

4 回答 4

Related

Reference