博客index.html文件中对样式的引用
<head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> <meta name="description" content="教学用开源个人博客（SPA版）" /> <title>My Blog · 教学增强版</title> <link href="styles/core.css" rel="stylesheet" /> </head>
core.css文件内容如下
/* 第三方 Reset 与 UI 库 */ @import "https://unpkg.com/normalize.css"; @import "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"; @import "https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css";
/* 项目级样式（按需调整顺序） */ @import "main.css"; @import "content.css"; @import "responsive.css";
index.html 只引入 一个 core.css，而 core.css 里用 @import 依次把项目内部样式和第三方样式集中加载。
我来解释 main.css / content.css / responsive.css 这三个文件的作用，以及这种“核心入口 core.css”模式的好处。