Question

这是我下面的html-

<!DOCTYPE html>
<link rel="stylesheet" type="text/css" href="style.css"> - as you can see I refer to the external style sheet.
<html>
<head>
<meta charset="UFT-8">
<meta name ="viewport" content="width=device-width,initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Natours</title>
</head>
<body>
<header class ="header">
This is some cool text...
</header>
</body>
<style type="text/css">
*{margin:0;
padding:0;}    


</style>
</html>

我将HTML文件另存为HTML，并将CSS文件另存为CSS文件，但是在单击以将外部样式表另存为CSS文件并单击“保存”后，我返回该文件，但仍设置为一个中性文件，而不是CSS文件。

-下面是我的CSS- 身体{background-color：black;}

我已经多次尝试使用这些论坛，但是很多人说我正在正确使用它。

Answer 1

body{
background-color:#000;
color:#fff
}

<!DOCTYPE html>

<html>

<head>
    <meta charset="UFT-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Natours</title>
    <!-- Always include your CSS inside the head tag, you may include it in body too, but head is prefered -->
    <link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
    <header class="header">
        This is some cool text...
    </header>
</body>
<style type="text/css">
    * {
        margin: 0;
        padding: 0;
    }
</style>

</html>

Answer 2

在保存文件时，另存为类型下拉列表中已选择所有类型（。）。

默认情况下，它另存为“ .txt”文件。您需要选择所有类型。

此外，您的CSS文件位于同一文件夹或其他文件夹中。如果在另一个文件夹中，请检查以下内容： [How do I link a CSS stylesheet from another folder below in the directory?

为什么我的外部样式表不起作用？

2 个答案: