#优质博文 #CSS #前端 #新特性 #course
通过九个新模块重新学习 CSS

AI 摘要：本文介绍了 Web.dev 更新的 Learn CSS 课程，新增了 9 个涵盖最新 CSS 功能的模块，例如 CSS 嵌套 (nesting)、容器查询 (container queries)、自定义属性 (custom properties)、锚点定位 (anchor positioning) 等。此次更新反映了近四年 CSS 的重大进展，模块同时关注 Baseline 功能保证了实用性，适合学习或提升前端开发技能的开发者。

[以下是方便搜索索引的大纲(AI 生成)，请读原文]

1. Learn CSS 课程的演进
• 2021 年推出的 Learn CSS 是 Web.dev 基础 Web 开发内容的起点
• 四年间 CSS 特性快速发展（如容器查询从无到广泛可用）
• 每月数千人使用此课程，促使更新迭代

2. 本次更新的核心内容
• 新增 9 个重要模块：
• CSS 嵌套
• 容器查询
• 自定义属性
• 计数器
• 光标和指针
• 锚点定位
• 浮层和对话框
• 单页应用 (SPA) 的视图过渡
• 路径、形状、剪切和遮罩
• 更新后的模块紧贴近几年 CSS 标准发展与浏览器支持

3. Baseline 功能的聚焦
• 所有教学功能均已达到或即将进入 Baseline 状态
• 包括 Interop 2025 中的新特性，如锚点定位和视图转换
• 每个模块配有明确的浏览器支持信息，保证学习即用

author Rachel Andrew

web.dev

通过九个新模块重新学习 CSS  |  Blog  |  web.dev

我们广受欢迎的“学习 CSS”课程已更新，新增了涵盖最新 CSS 功能的模块。