Question

这是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>

Answer 1

它应该是这样的：

<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>内，正如我之前提到的那样，你不应该包含空格。

Answer 2

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

同时将<link>移出<style></style>。那是无效的

Answer 3

要检查的第一件事是你的文件名，因为空间可能会导致问题。

尝试：

将您的css文件重命名为assignment-3.css
将页面开头的链接更新为
<link rel = "stylesheet" type = "text/css" href = "assignment-3.css">

如果仍然不起作用，请检查是否存在CSS中的css文件 www.your-domain.com/assignment-3.css

祝你好运！

Answer 4

我认为问题是你把链接放在样式标签里面。在头脑中尝试。

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

    </body>
</html>

Answer 5

只需删除样式标记即可使用

我的.css文件在我的网页上不起作用

5 个答案: