flutter中加载本地css需将其置于assets/目录（如assets/css/custom.css），在pubspec.yaml中声明，再用rootbundle.loadstring()读取内容并手动注入html字符串头部；flutter_html不支持href外链或@import，仅解析传入的字符串内容。
flutter_html 加载本地 CSS 文件时路径怎么写？
必须用 rootBundle.loadString() 读取 assets 下的 CSS 内容，再拼进 <style></style> 标签里 —— flutter_html 不支持 href 外链加载，也不识别 @import。
常见错误是把 CSS 放在 web/ 目录下、然后在 data 里写 <link rel="stylesheet" href="css/app.css">，这完全无效：flutter_html 只解析字符串内容，不触发浏览器原生加载逻辑。
- CSS 文件得放在
assets/目录下（如assets/css/custom.css），并在pubspec.yaml中显式声明 - 读取后手动注入到 HTML 字符串开头：
<style>$cssContent</style>$htmlContent - 避免在 CSS 里写
@font-face或@media—— flutter_html 对这些支持有限，font-family可能 fallback 到系统默认字体
为什么给 Html widget 传 style 参数比内联 <style></style> 更可靠？
因为 style 参数走的是 flutter_html 的样式解析引擎，能稳定映射到 Flutter Widget 属性（比如 color → Text.style.color），而 <style></style> 字符串里的选择器（如 p.fancy）依赖内部 DOM 模拟结构，容易因版本升级失效。
- 优先用
style: { "p": Style(color: Colors.grey), ".highlight": Style(fontWeight: FontWeight.bold) } - 类选择器（
.xxx）只对带class="xxx"的标签生效，且不支持后代选择器（div p）、属性选择器（[data-id]） - 伪类（
:hover、:active）完全不支持 —— Flutter 没有 hover 状态概念
渲染后文字颜色/间距不对，是不是 CSS 没生效？
大概率是权重问题：flutter_html 默认给 p、h1 等标签加了内建样式，会覆盖你写的 <style></style> 或 style 参数。别急着改选择器，先确认是否被覆盖。
- 打开 DevTools → Elements 面板，找到渲染出的
RichText或Textwidget 对应的 DOM 节点（通常包裹在flt-paragraph之类 class 里） - 看 Computed 样式里
color、margin的来源 —— 如果显示 “user agent stylesheet”，说明你的规则没命中或被忽略 - 临时加
!important测试（仅调试用）：color: red !important;；长期方案是提升style参数的 specificity，比如用"p.highlight"替代"p"
加载远程 HTML + 外部 CSS 链接时为什么样式丢失？
flutter_html 默认禁用外部资源加载（包括 <link rel="stylesheet"> 和 <script></script>），这是安全策略，不是 bug。它只解析 HTML 字符串本身，不会发起额外 HTTP 请求。
- 远程 HTML 中的
<link href="https://cdn.example.com/style.css">会被忽略，连请求都不会发 - 解决方案只有两个：① 提前用 HTTP 客户端拉取 CSS 内容，再拼进 HTML 字符串；② 把远程 HTML 当作纯文本，用正则提取并内联所有
<style></style>和<link>内容（需自行处理 URL 补全和相对路径） - 注意跨域：如果用
http.get()拉取远程 CSS，服务端必须返回Access-Control-Allow-Origin，否则 Dart 层报NetworkError
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
