时间戳

首页 > 解决方案 > 本地 HTML 文件未在浏览器中加载 CSS 文件

html - 本地 HTML 文件未在浏览器中加载 CSS 文件

问题描述

我正在尝试在 Google Chrome 中从我的计算机运行 HTML 文件。

    <!DOCTYPE html>
    <html>
    <head>
        <title>Fighting Program</title>
        <link rel=¨stylesheet¨ href="styles.css" type="text/css"></link>
    script src="..\JavaScript\script.js"></script>
    </head>
    <body>
    
       <p>Test</p>
    
    </body>
    </html>

这是我的 CSS

    body {
        background-image: linear-gradient(red,black); 

        margin: 0;
        height: 100vh;
    
        border-style: solid;
        border-color: red;
    }

我知道我的 CSS 可以工作，因为我把它放在一个<style>标签中，它看起来很好。通过使用我的浏览器开发工具，我查看并看到路径是正确的，因为它显示了 CSS 信息。

我一遍又一遍地查看 Stack Overflow，尝试了许多不同的答案，但似乎没有一个对我有用。

标签： htmlcss

解决方案

CSS 文件应该以这种方式链接。另外请确保检查您的 CSS 文件路径并确保它是准确的。例如这是我的 CSS 文件路径。

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

以防万一您没有将 CSS 文件添加到任何文件夹，它应该看起来像这样。

<link rel="stylesheet" href="style.css">

此外，如果您添加styleHTML，则意味着它是肯定会加载的内部 CSS。

推荐阅读