HTML内联样式用style属性，值需加引号；标签须置于内；外部CSS用加载，可配合preload优化；新CSS特性需结合@supports和上下文条件使用。
HTML 里怎么写内联样式？style 属性必须加引号
直接在 HTML 标签里用 style 属性写 CSS，是最基础的用法。注意：值必须用双引号或单引号包裹，否则解析会出错。
常见错误是漏掉引号，比如： 新版 CSS（如 :has()、:is()、自定义属性级联）在 立即学习“前端免费学习笔记（深入）”； 用 技术上面应用了三层结构，AJAX框架，URL重写等基础的开发。并用了动软的代码生成器及数据访问类，加进了一些自己用到的小功能，算是整理了一些自己的操作类。系统设计上面说不出用什么模式，大体设计是后台分两级分类，设置好一级之后，再设置二级并选择栏目类型，如内容，列表，上传文件，新窗口等。这样就可以生成无限多个二级分类，也就是网站栏目。对于扩展性来说，如果有新的需求可以直接加一个栏目类型并新加功能操作 像 例如： 真正麻烦的不是语法写不对，而是新特性生效需要一整套上下文条件同时满足——少一个，就静默失效。
; 分隔（最后一个分号可省略，但建议保留）font-size），不能写成 fontSize
margin: 0 可以，但 margin: 10 不合法，得写 10px 或 10em）
标签写在哪儿？位置和作用域有讲究 必须放在 内，且不能嵌套在其他标签中（比如不能放在 里再包一层 :scope 或属性选择器限制范围。
块里完全可用，只要浏览器支持。例如：
@layer，顺序会影响层叠优先级，别把 @layer reset 放在后面覆盖掉--main-color）可以在 里定义，也能被 JS 读取修改 里写大量重复选择器——它不压缩、不复用，维护成本高外部 CSS 文件加载失败时，
的 rel 和 as 怎么配？ 是标准写法，但新版浏览器对资源预加载更敏感。如果想提前加载并提示浏览器“这是样式表”，要加 as="style" 和 fetchpriority="high"：
rel="stylesheet" 的 href 路径必须准确，404 会导致样式彻底丢失，且无降级提示 数量太多仍会增加 TLS 握手和队头阻塞风险CSS 新特性在 HTML 中怎么安全启用？别只看 Can I Use
container-type: inline-size、scrollbar-gutter 这类新特性，不是写了就能用。它们依赖容器查询、滚动条控制等底层能力，而这些能力是否生效，取决于父元素是否满足条件。container-type 必须配合 container-name 和一个设置了 container 的祖先元素，否则整条规则会被忽略——连报错都不会有。
@supports 包裹新语法做渐进增强，而不是全量替换旧规则:has() 的实现细节不同（比如伪类嵌套深度限制），要实测anchor-position），它目前仅限实验性 flag 开启
