0

这是 my.css 代码:

body {background-color:black;}
div.heading {text-align: center; background-color:white;border: 10px ridge grey;     margin-top:0px; font-size: 30px; font-family: Arial, Halvetica, sans-serif; color:black;}

.css 文件名为 Assignment 3.css

这是我的网页代码。背景为白色,不显示分区。如果我在内部制作样式表,那么代码就可以工作,但是一旦我将代码放在单独的记事本文件中,它就不会。这是代码:

<!DOCTYPE html>

<html>

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

<body>
<div class = "heading">
WELCOME TO BUILD A SQUARE
</div>
</body>

</html>
4

5 回答 5

2

它应该如下所示:

<html>
<head>
<link rel="stylesheet" type="text/css" href="yourfilename.css">
</head>
<body>
<div class="heading">
WELCOME TO BUILD A SQUARE
</div>
</body>
</html>

样式声明,例如<link rel..>需要在您的内部<head>,正如我之前提到的,您不应该包含空格。

于 2013-05-26T19:23:34.317 回答
2

空格不是有效的 URL 字符。将文件名更改为assignment3.css或编码空间Assignment%203.css

<link>搬出<style></style>。这是无效的

于 2013-05-26T19:23:38.503 回答
1

首先要检查的是您的文件名,因为空格很可能会导致问题。

尝试:

  • 将您的 css 文件重命名为 assignment-3.css

  • 将页面头部的链接更新为
    <link rel = "stylesheet" type = "text/css" href = "assignment-3.css">

如果这仍然不起作用,请检查 css 文件是否存在于
www.your-domain.com/assignment-3.css

祝你好运!

于 2013-05-26T19:26:33.417 回答
1

我认为问题在于您将链接放在样式标签中。在脑袋里面试试。

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

    </body>
</html>
于 2013-05-26T19:29:41.307 回答
-1

只需删除样式标签即可

于 2013-05-26T19:30:16.123 回答