Question

我无法从单独的文件加载.css。

例如，如果我有html：

<!DOCTYPE html>
<html>
<link href "style.css" rel="stylesheet" type = "text/css">

<head>

</head>

<body>

<h1>My CSS web page!</h1>
<p>Hello world! This is a W3Schools.com example.</p>

</body>
</html>

css无法加载

但是如果我在同一个html文件中有css，则css正确加载。我究竟做错了什么？

编辑：根据几个人的建议将HTML更改为以下代码。仍然没有效果。 sytle.css与我的源html位于同一目录中。

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

<body>

<h1>My CSS web page!</h1>
<p>Hello world! This is a W3Schools.com example.</p>

</body>
</html>

css样式表：

<style>
    body
    {
        background-color:#b0c4de;
    }
</style>

Answer 1

您的link标记格式错误，应该位于head（而不是文档的根目录）：

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

应该（注意href=更正）：

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

Answer 2

试试这个

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

css不会从文件加载

2 个答案: