<style>标签必须放在<head>内，紧贴<title>或<meta>后；仅支持标准CSS语法，禁用@import和HTML注释，放<body>中会导致FOUC或失效。
内部样式必须用 <style> 标签写在 HTML 文档的 <head> 区域内，不能放在 <body> 或其他位置。
正确的位置和写法
<style> 标签要放在 <head> 里面，在 <title>、<meta> 等标签之后，</head> 之前。推荐显式声明类型：
-
<style type="text/css">是标准写法，兼容性好 - 现代浏览器默认识别
<style>为 CSS，但加上type更稳妥 - 标签必须成对出现：
<style>...</style>，中间只放纯 CSS 规则
能写什么、不能写什么
<style> 里只接受标准 CSS 语法：
- ✅ 支持选择器 + 声明块，例如
p { color: #333; margin: 0; }、.btn { padding: 8px 16px; } - ✅ 可用类选择器（
.class）、ID 选择器（#id）、标签选择器（h1）等 - ❌ 不支持 JavaScript、HTML 注释（
<!-- -->）、Sass 语法、@import（除非极特殊配置，一般不用） - ❌ 注释只能用
/* ... */，写错格式会导致后续样式失效
常见错误提醒
容易出问题的地方：
立即学习“前端免费学习笔记（深入）”；
- 把
<style>放到<body>开头或结尾——会引发 FOUC（无样式内容闪现） - 漏写
</style>或大括号不匹配——浏览器可能跳过整段样式 - 在
<style>里写console.log()或// 注释——直接报错或静默失败 - 误以为
scoped属性可用——原生<style>不支持，仅部分框架或实验性方案提供
优先级与使用建议
内部样式的层叠顺序是：内联样式 > 内部样式 > 外部样式：
- 如果某个元素已有
style="color: red"，内部样式里的p { color: blue }不会生效 - 适合单页独立样式、快速原型、小项目或临时调试
- 项目变大后建议迁移到外部 CSS 文件，提升复用性和可维护性
