HTML中引入CSS有内联、内部（）和外部（）三种方式，推荐外链；CSS变量以–开头，在:root或选择器中声明，用var()函数调用并可设回退值，JS需用setProperty修改。
HTML里怎么引入CSS样式代码
直接写在HTML里最简单，但只适合小项目或临时调试。用标签包住CSS规则，放在里就行：
body { background-color: #f0f0f0; }
.btn { color: blue; }
更推荐外链方式，把样式抽成style.css文件，用引入——避免重复、方便复用、利于缓存。
注意：内联样式（style="..."）优先级最高，会覆盖和外部CSS，慎用；浏览器解析CSS是自上而下、从左到右，顺序会影响最终效果。
CSS变量（custom properties）怎么声明和使用
CSS变量本质是自定义属性，必须以--开头，只能在CSS规则里用:root或选择器中声明，不能直接写在HTML标签里。
立即学习“前端免费学习笔记（深入）”；
声明位置决定作用域：
-
:root里声明 → 全局可用（相当于“CSS里的全局常量”） - 某个选择器里声明 → 只对该元素及其子元素生效
使用时必须配合var()函数，比如color: var(--primary-color);。不支持直接写color: --primary-color;。
