Question

我需要再次帮助。我正在看一些教程，我有一个简单的代码，可以正常使用内部CSS，但我不使用外部CSS。我认为我做的一切都是正确的，因为除了外部css引用之外，我不会更改代码的单个单词。任何想法为什么它不起作用？谢谢你的回答！（顺便说一下，我阅读了与我的问题有关的所有帖子，但没有任何结果。）这是代码：

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

您无法在网址中添加空格，请尝试将空格更改为其ASCII字符：%20，使其如下所示：

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

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

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不起作用

5 个答案: