如何在 TextEdit 上将 css 链接到 html [关闭]答案

【问题标题】：How to link css to html on TextEdit [closed]如何在 TextEdit 上将 css 链接到 html [关闭]
【发布时间】：2016-01-19 15:21:49
【问题描述】：

看看我的代码。告诉我我做错了什么。

CSS 文件 - 命名 style.css

#color{
background-color: #yellow;
}

HTML 文件

<!DOCTYPE html>
<html> <link rel=”stylesheet” href=”css/style.css” type=”text/css”>



<head>
</head>
<body>
<div id=“color”> color </div>

<p>My first paragraph.</p>

</body>
</html>

我的 HTML 链接错了吗？

这是更新后的 HTML 文件

<!DOCTYPE html>
<html> 



<head>
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<div id="color"> color </div>

<p>My first paragraph.</p>

</body>
</html>

【问题讨论】：

去掉#符号：background-color: #yellow;.
以下答案应该已经有效。如果仍然没有，我认为问题出在您的 CSS 路径中。验证这个 href="css/style.css" 是正确的路径

标签： html css

【解决方案1】：

可以是：background-color:yellow; 或 background-color:#FFE51E;，但不是 background-color:#yellow;

另外，你使用了错误的引号：“而不是”，你必须把link标签放在head标签中。

这给了我们这个： jsfiddle

<!DOCTYPE html>
<html> 
<head>
    <link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<div id="color"> color </div>

<p>My first paragraph.</p>

</body>
</html>

【讨论】：

我改了，还是没有变黄。
您使用了错误的引号使用“not”。如果不让您使用正确的，请考虑使用比 TextEdit 更好的文本编辑器。
我改了，还是不行。
你还需要在head标签中加入link标签...
所以我需要把它放在HTML 标记和head 标记中，还是只放在head 标记中。

【解决方案2】：

我们用于十六进制颜色的 # 符号，例如 #fff，如果您想要其中一种颜色的名称，您只需使用不带任何符号的名称：

background-color: yellow;

【讨论】：

【解决方案3】：

工作jsfiddle

CSS：

#color{
background-color: yellow;
}

HTML：

<html> 
    <head>
       <link rel="stylesheet" href="css/style.css" type="text/css">
    </head>
    <body>
      <div id="color"> color </div>
      <p>My first paragraph.</p>
    </body>
</html>

您在 css 中做错了 background-color: #yellow; 是错误的。它应该是 background-color: yellow; 或 background-color: #FFFF00;。
您正在使用 CSS 的 外部样式，因此请在 HTML 页面的 <head> 部分添加指向它的链接
如果这仍然不起作用，请检查您的 CSS 路径。你确定这是一条正确的路径吗？ href="css/style.css"
这里有一个教程如何使用背景色http://www.w3schools.com/cssref/pr_background-color.asp，这里是css中的颜色列表http://www.w3schools.com/html/html_colornames.asp

【讨论】：

【解决方案4】：

我实际上是通过删除链接的路径来修复它的。我无意中复制了它，这就是它不起作用的原因。这是工作代码。

#color{
background-color:yellow;
}

<!DOCTYPE html>
<html> 



<head>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div id="color"> color </div>

<p>My first paragraph.</p>

</body>
</html>

【讨论】：

【解决方案5】：

您要问的是如何在文本编辑器中链接样式表。如果您使用文本编辑器，您应该做的第一件事是将所有 (.css, .js, .html) 放入一个文件夹中。然后你可以只使用你的文件名和扩展名来链接。如果您使用文本编辑器，这是最简单的方法。在这种情况下，我认为您已正确链接外部样式表。我猜这个问题是'背景颜色：黄色;'不要将# 与颜色名称一起使用。

【讨论】：