html - 外部 CSS 样式表未加载

标签 html css

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8"/>
        <link rel="css" type="text/css" href="stylesheet.css"/>
    </head>
    <body>
        <p>
            <strong>C</strong>ascading
            <strong>S</strong>tyle
            <strong>S</strong>heets
        </p>
    </body>
</html>


p {
    color: blue;
    text-decoration: underline;
    }
strong {
    color:red;
    }
body {
    background: aqua;
    }

出于某种原因,这不会加载。我通过 CSS 和 HTML 验证器运行它,但我使用开发人员工具并且它显示没有附加的 css 样式表,并且我的(非常基本的)格式没有被应用。我查看了其他几个问题,但没有解决这个问题。

最佳答案

尝试使用 rel="stylesheet" 而不是 rel="css"

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

如果您的文件路径正确,那么它必须加载 css,就这么简单

关于html - 外部 CSS 样式表未加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34280186/

相关文章:

javascript - jsPDF 在按钮单击时不起作用

html - 下拉列表 CSS

javascript - 为类的第一次出现设置样式

php - 使用简码时将 css 添加到 WordPress

html - div 在页面外溢出

css - 确定 JavaFX/force 样式中的 CSS 样式文本大小?

jquery - 如何添加背景视频停止按钮

javascript - 使用 querySelectorAll 的 Intersection Observer 会抛出 TypeError

html - 如何在 ng-repeat 中分隔多个元素?

javascript - 如何使用 CSS 或 jQuery 旋转元素并正确定位它