无外网内网自建Web服务器如何本地存储<link>引用的按钮样式表

方案1：将CSS文件存到Web服务器本地，用link引用 #

<link>标签的标准格式可直接复用，只需修改href字段为Web服务器对外暴露的资源URL路径（注意：此处不是服务器操作系统的本地磁盘路径，如Windows的D盘路径、Linux的文件系统路径，而是内网用户的浏览器可以发起请求访问到的路径）：

• 如果css文件和输出的HTML页面同属Web服务器静态根目录，直接写文件名：
  <link rel='stylesheet' type='text/css' href='ethernetcss.css' />
• 如果css文件存放在根目录下单独的css子文件夹中，写相对路径：
  <link rel='stylesheet' type='text/css' href='css/ethernetcss.css' />
• 若要写和页面位置无关的绝对路径（从Web根目录开始计算），路径开头加/：
  <link rel='stylesheet' type='text/css' href='/css/ethernetcss.css' />

方案2：直接将CSS内嵌到HTML中，完全无需外部资源 #

可直接实现，适配内网快速部署需求：
把原本外链css文件内的所有样式内容，复制到HTML的<head>区块的<style>标签内即可，无需任何<link>标签：

<head>
  <!-- 替换原外链link标签为以下内容 -->
  <style>
    /* 直接粘贴原css文件的全部内容，包含body、交互按钮的所有样式定义 */
    body {
      margin: 0;
      padding: 20px;
      font-family: sans-serif;
    }
    .interactive-btn {
      padding: 10px 15px;
      border: none;
      border-radius: 4px;
      background: #0066cc;
      color: #fff;
      cursor: pointer;
    }
    .interactive-btn:hover {
      background: #0052a3;
    }
  </style>
</head>

如果样式内容不多、仅单个页面使用，这种方式是最优解：返回给客户端的是完整单文件，无需额外发起css请求，完全不依赖公网。如果多个页面需要共用同一份样式，再使用方案1存成本地静态文件更便于后续维护。

内容的提问来源于stack exchange，提问作者kend