我又需要帮助了。我正在看一些教程,我有一个简单的代码,可以与内部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>

在这里工作!它把我逼疯了。我在notepead++、括号和文本编辑器中尝试过。我真的不知道发生了什么。

最佳答案

URL中不能有空格,请尝试将空格改为其ASCII字符:%20,以便如下所示:

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

或者我通常要做的是使用正确的文件命名约定,要么使用大小写(除了第一个单词外,每个单词都以大写字母开头),要么在名称之间使用下划线。

关于html - 外部CSS不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/28516835/

10-09 22:18