html - 使用<link>标记来引用外部 CSS 文件不起作用，我做错了什么？

问题描述

我正在关注 w3school for HTML 上的教程，但我被困在外部链接部分，您可以在 HTML 页面中包含 CSS 文件以及您使用<link>标签定义的样式表。

我努力了：

以正确的方式添加参数 rel、href、type 或 media
从浏览器清除缓存，也许它保存了一些旧代码，但事实并非如此
创建另一个 .css 文件以尝试编写不同样式的解决方案

索引.html

<!DOCTYPE html>
<html lang="it">

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

<body>
...
</body>
</html>

whiteonblack.css

body {
    background-color: black;
    color:  white;
}

正文背景应该是完全黑色的（我讨厌明亮的网站，即使这是用于测试并且使用糟糕且旧但工作（但不是那么多）HTML）并且一般文本是白色的。还有一些社区对 DIY 学生的喜爱 :)。

它默认为反向，白色背景和黑色文本。上帝的仇恨。

标签： htmlcss

标签直接link属于标签。head不要将其嵌套在style标签中；这适用于实际的 CSS。

<head>
    <link rel="stylesheet" href="whiteonblack.css" type="text/css" media="screen">
</head>

html - 使用标记来引用外部 CSS 文件不起作用，我做错了什么？

问题描述

解决方案

推荐阅读