外部 CSS 不工作

Question

我又需要帮助了。我正在看一些教程，我有一个简单的代码可以很好地与内部 CSS 一起工作，但我不能与外部 CSS 一起工作。我认为我做的一切都是对的，因为除了外部 css 引用之外，我没有更改代码的一个字。任何想法为什么它不起作用？感谢您的回答！（顺便说一下，我阅读了所有与我的问题相关的 post，但没有解决。）这是代码：

div.box
{
width:320px;
padding:10px;
border:10px solid green;
margin:0px;
font-family: Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-size: large;
}

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="new 1.css">
</head>
<body>
<div class="box">This text in a box example uses css.<br /><b>Note:</b> there is a
DOCTYPE declaration (above the html element), so it displays correctly in all browsers.
</div>
</body>
</html>

在这里解决！这让我发疯。我在 Notepepad++、Brackets 和文本编辑器中尝试过。我真的想不通这是怎么回事。

Answer 1

您不能在 URL 中包含 space，请尝试将 space 更改为其 ASCII 字符：%20，这样它看起来像这样：

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

或者我通常会做的是使用适当的文件命名约定，驼峰式（每个单词 [除了第一个] 都以大写字母开头）或在名称之间使用下划线。

Answer 2

几天前我遇到了完全相同的问题。（而且我的文件名中没有空格..）

一旦我将 CSS 代码外包到外部文件中，就遇到了完全相同的问题。

对我来说问题出在编码上。

对于那些也有此问题的人：只需将文件编码切换为UTF-8。（我用的是Notepad++）

也许您必须添加到您的 html 文件：

<meta charset="UTF-8">

然后它终于可以工作了。

在此处查看更多内容：http://www.w3schools.com/html/html_charset.asp

Answer 3

使用简单的记事本将 css 文件的编码更改为 utf-8。用记事本打开 css 文件，另存为然后从编码选项卡中选择 utf-8 然后保存。

Answer 4

记得检查没有内联样式。因此，内联样式具有最高优先级，并将覆盖外部和内部样式以及浏览器默认值。

Answer 5

我也有这个问题。但是我明白我的错误在这里：我在写HTML文件的时候，把这个文件的方向改成了一个文件夹，并在它旁边创建了一个CSS文件。所以我的 CSS 文件路径出错了。现在我建议先关闭你的 HTML 或 CSS 的编辑器，在选择了这些文件的方向后，然后打开你的编辑器并编写你的代码。

外部 CSS 不工作

External CSS not working

html

css

external

internal