CSS样式文件不生效怎么办

CSS文件引入不生效 问题遇到的现象和发生背景
使用node.js 创建服务器，访问时，html中的css样式不生效

问题相关代码，请勿粘贴截图
html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>index首页title>
   <link rel="stylesheet" href="./index.css" charset=utf-8>
  
  
head>

<body>
  <div class="box">
    <div id="HH">00div>
    <div>:div>
    <div id="mm">00div>
    <div>:div>
    <div id="ss">00div>
  div>

 <script src="./index.js">script>
body>

html>



```css
html,
    body {
      margin: 0;
      padding: 0;
      height: 100%;
      background-image: linear-gradient(to bottom right, red, gold);
    }

    .box {
      width: 400px;
      height: 250px;
      background-color: rgba(255, 255, 255, 0.6);
      border-radius: 6px;
      position: absolute;
      left: 50%;
      top: 40%;
      transform: translate(-50%, -50%);
      box-shadow: 1px 1px 10px #fff;
      text-shadow: 0px 1px 30px white;

      display: flex;
      justify-content: space-around;
      align-items: center;
      font-size: 70px;
      user-select: none;
      padding: 0 20px;

      /* 盒子投影 */
      -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, transparent), to(rgba(250, 250, 250, .2)));
    }
  
  



```javascript

  
    window.onload = function () {
      // 定时器，每隔 1 秒执行 1 次
      setInterval(() => {
        var dt = new Date()
        var HH = dt.getHours()
        var mm = dt.getMinutes()
        var ss = dt.getSeconds()

        // 为页面上的元素赋值
        document.querySelector('#HH').innerHTML = padZero(HH)
        document.querySelector('#mm').innerHTML = padZero(mm)
        document.querySelector('#ss').innerHTML = padZero(ss)
      }, 1000)
    }

    // 补零函数
    function padZero(n) {
      return n > 9 ? n : '0' + n
    }
运行结果及报错内容

img

正常应该是这样

img



```css
 body {
      margin: 0;
      padding: 0;
      height: 100%;
      background-image: linear-gradient(to bottom right, red, gold);
    }

```
前面这里body的意思是html里的body有这些属性,同理,.box {的意思是 你在html里创建的一个box有这个属性,你连box都没有,哪里会生效

是不是css文件路径写错了，我在自己的电脑上试了有效果。可以将css样式写到html文件里测试以下，或者把报错信息发出来看下

可以试一下绝对路径，如果还不行，清除浏览器缓存试试望采纳