此页面由 Cloud Translation API 翻译。 Chrome for Developers Authors 布拉穆斯 X GitHub Mastodon 首页 探索由 Bramus 撰写、编辑或审核的文章。 CSS attr() 已升级Updated 2025年1月15日现在,您可以将 attr() 与任何 CSS 属性(包括自定义属性)搭配使用,并且它可以将值解析为字符串以外的数据类型。Learn moreCSS Wrapped 2024Updated 2024年12月5日加入 Chrome DevRel 团队和滑板 Chrome Dino,一起探索 2024 年为 Chrome 和 Web 平台推出的最新 CSS。Learn moreChrome 131 中的新变化Updated 2024年11月12日Chrome 131 现已发布!为详情元素添加更多 CSS 样式,使用页边距框更轻松地设置打印布局,以及更多功能。Learn more更多样式选项 <details>Updated 2024年11月6日现在,您可以使用新的 ::details-content 伪元素设置显示类型,还可以为可展开和收起的部分设置容器样式。Learn moreChrome 130 中的新变化Updated 2024年10月15日Chrome 130 现已发布!文档画中画可让您更好地控制画中画窗口,CSS 嵌套声明可修复一些棘手的边缘情况,您还可以指定分布在多行中的元素上的装饰的行为方式。Pete LePage 详细介绍了 Chrome 130 中面向开发者的新功能。Learn more适用于单页应用的同文档视图转换Updated 2024年9月25日开始同文档视图转换,以便在单页应用中使用。Learn more为高度添加动画效果:auto;(以及其他固有尺寸关键字)Updated 2024年9月17日使用“interpolate-size”和“calc-size()”在固有大小调整关键字之间添加动画效果Learn more滚动贴靠事件Updated 2024年8月14日引入了两个新的 JavaScript 事件:scrollSnapChange 和 scrollSnapChanged。Learn more关于视图转换的误解Updated 2024年7月11日随着越来越多的人开始使用 View Transition API,您需要破除一些误解。Learn moreCSS 和网页界面最新动态:2024 年 I/O 大会回顾Updated 2024年6月11日阅读 2024 年 Google I/O 大会上发布的所有 CSS 和 Web 界面公告。Learn more视图转换有哪些新变化?(2024 年 Google I/O 大会更新)Updated 2024年5月16日宣布推出适用于 MPA 的跨文档视图转换、使用活动类型的选择性视图转换,以及使用 view-transition-class 共享动画样式。Learn more滚动条驱动动画案例研究Updated 2024年5月7日通过 Policybazaar、redBus 和 Tokopedia 探索滚动条驱动的动画的优势。Learn more为什么 CSS 和界面功能对您的电子商务网站很重要?Updated 2024年5月7日了解电子商务网站如何从实现最新的 CSS 和界面功能(视图转换、滚动驱动的动画、Popover API 等)中受益。Learn more全新推出“释放滚动动画的强大能力”Updated 2024年5月6日这个视频课程包含 10 个部分,全面介绍了滚动式动画Learn moreCSS 砌体的替代建议Updated 2024年4月30日定义不同规范的砌体和网格的方案。Learn more使用 View Transition API 实现平滑过渡Updated 2024年4月14日利用 View Transition API,您可以在网站视图之间添加过渡效果。Learn more适用于多页面应用的跨文档视图过渡Updated 2024年4月14日开始在您的多页应用 (MPA) 中使用跨文档视图过渡。Learn more对 CSS ::backdrop 继承的更改Updated 2024年2月18日从 Chrome 122 开始,`::backdrop` 元素会继承其源元素的属性。Learn more滚动条样式Updated 2024年1月17日使用 `scrollbar-width` 和 `scrollbar-color` 属性来设置滚动条的样式。Learn more独家手风琴Updated 2023年12月11日创建一个包含多个具有相同 `name` 的 `` 元素的排他性手风琴。Learn moreCSS 封装:2023 年!Updated 2023年12月7日2023 年对 CSS 来说是重要的一年!了解今年哪些登陆 Chrome 和整个网络平台。Learn more使用 CSS @scope at-rule 限制选择器的覆盖面Updated 2023年10月4日了解如何使用 @scope 仅在 DOM 的有限子树中选择元素。Learn more使用 linear() 加/减速函数在 CSS 中制作复杂的动画曲线Updated 2023年5月25日引入了 linear(),这是 CSS 中的加/减速函数,可在各点之间线性插值,让您可以重现弹跳和弹簧效果。Learn moreCSS 和界面的新变化:2023 年 I/O 大会Updated 2023年5月11日2023 年 Google I/O 大会上重点介绍的 20 大 CSS 和界面功能,不容错过。Learn more使用滚动驱动的动画,在滚动时为元素添加动画效果Updated 2023年5月5日了解如何使用滚动时间轴和视图时间轴,以声明方式创建滚动驱动的动画。Learn moreCSS 嵌套Updated 2023年3月8日我们最喜欢的 CSS 预处理器功能之一现在内置于语言中,即嵌套样式规则。Learn more帮助选择 CSS 嵌套的语法Updated 2022年12月16日CSS 工作组仍在就 CSS 中定义嵌套的最佳方式展开讨论。如果您是 CSS 编写者,我们非常希望能够为您提供帮助。Learn more为 Android 版 Chrome 即将发生的视口大小调整行为变更做好准备Updated 2022年10月28日Chrome 108 中的视口大小调整行为即将发生哪些变化、Chrome 为何做出此项更改,以及您可以采取哪些准备工作。Learn moreChrome 106 的新变化Updated 2022年9月27日Chrome 106 现已推出。有一些新的国际 API,让您在设置数字格式时拥有更大的控制权。我们已针对新的 Pop Up API 开展了源试用,以便您轻松向用户展示关键内容。我们对 CSS 进行了一些改进。还有许多其他功能。Learn more案例研究:使用开发者工具更好地进行 Angular 调试Updated 2022年8月31日通过使用 Angular 作为测试试点,Chrome 开发者工具和 Angular 团队通力协作,为您提供更好的调试体验。其他框架也可以进行类似的更改。Learn moreChrome 开发者工具中的现代网络调试功能Updated 2022年8月31日了解 Chrome 开发者工具近期的一些变化,这些变化改善了您在使用捆绑器、框架和第三方代码时的调试和分析体验。Learn more您的浏览器即将推出级联层Updated 2022年2月1日级联层是一种新的 CSS API,可帮助您管理代码的级联优先级,它很快就可以登陆所有现代浏览器。Learn moreChrome 89 的新功能Updated 2021年3月2日Chrome 89 现已推出!WebHID、WebNFC 和 Web Serial 已结束源试用,现在提供稳定版。我们正在填补一些开发者用来绕过 PWA 可安装性检查的漏洞。在桌面设备上,“网络共享”和“网络共享目标”推出。还有许多其他功能!Learn moreHow NRK uses scroll-driven animations to bring stories to lifeUpdated 2025年2月26日Learn how scroll-driven and scroll-triggered animations enhance storytelling articlesLearn moreSpecify how multiple animation effects should composite with animation-compositionUpdated 2023年3月29日When multiple animations affect the same property simultaneously, should they replace each other, add, or accumulate?Learn moreMore control over :nth-child() selections with the of S syntaxUpdated 2023年2月9日Pre-filter a set of child elements before applying An+B logic on it.Learn more123