CSS是一门不断在发展的“语言”。在这篇文章中，我们一起来看看我们可以先玩起来的一些新特性。在本文中提到的一些新特性，在个别浏览器中已得到支持。但这些功能并不一定可以立即用于生产，甚至有些还是在实验阶段。但在这里你会发现很多东西，你可以开始玩——即使仅在实验阶段。其实有好几个特性在2014年的时候W3cplus就曾有介绍过，比如CSS Shapes、calc()、CSS混合模式等。

虽然CSS简单，但CSS是一门非常有意思的语言，CSS每年都有变化，而且都有不同的博主都在不同的时间段总结一些CSS的新特性。虽然这些新特性无法立刻得到众多浏览器的支持，但总是随着时间的发展，这些特性都会得到浏览器的支持。哪怕未得到支持，也有一些方法让浏览器支持，比如最为出外的cssnext，就可以让很多未来的CSS特性就立马使用，并且不用花太多时间来考虑浏览器的兼容性。今天这篇文章,@Daniel Crisp就当下的CSS的新特性做了一个简单的总结 —— 五个最新的CSS特性（事实上这些特性，对我而言并不是新特性），并且用示例告诉大家怎么使用这些特性。那么接下来，咱们看看这五个新特性是什么？以及怎么使用。如果您感兴趣，欢迎继续往下阅读。

@evilmartians的《滚动的特性》一文介绍了目前有关于滚动相关的特性。今天我想花点时间重新整理一下，时至今日，CSS中为浏览器滚动提供的相关新特性究竟能给用户带来哪些新的体验。

今天在Twitter上看到@argyleink在伦敦（LondonCSS 2020）CSS第四次活动中分享的一个话题《What's new with CSS?》。看了一下这个主题的PPT，里面有些新东西还是蛮有意思的，稍微整理一下和大家一起分享。如果你感兴趣的话，请继续往下阅读。

记得去年整理一篇也是关于 CSS 新特性方面的内容，即《2020年CSS有哪些新特性》。这回在 T(X) Team.午夜识堂 也和大家一起聊了一些 CSS 新特性方面的话题，主要是帮助团队同学能拓展一下 CSS 方面的新知识。虽然聊的是“新特性”，但其中有些特性并不怎么“新”，或许已在你的项目中，或许已接触过，只是不太了解而以。接下来，就和大家一起来简单地回顾一下这些特性，希望大家能喜欢，也希望对大家平时工作有所帮助。

虽然近些年 CSS 变化很快，但我认为 2021 年是 CSS 的元年。在即将过去的 2021 年，CSS 变化非常地大，其中新增了很多特性，比如 CSS 容器查询、CSS 父选择器、CSS 层叠控制规则、CSS 子网格等等。而且这些特性已经在个别，甚至是在大部分主流浏览器已经可以看到了。几大主流浏览器（Chrome、Firefox、Safari和Edge）还专注于修复浏览器兼容性痛点，让 Web 开发者的工作变得更轻松。 ​

最近 Google I/O 大会开的是热火朝天，我也一直在关注与 Web UI 和 CSS 有关的话题。这不，在 @Una Kravets、@Bramus 和 @Adam Argyle 在 Chrome 开发者博客上就推出一篇关于这方面的文章，即 What's new in CSS and UI: I/O 2023 Edition。在这篇文章中介绍了有关于 Web UI 和 CSS 方面的近 20 个新特性，这 20 个新特性都是最近推出或即将推出的，而且是最令人兴奋和具有影响力的功能。那么，我以我自己的视角来加工一下，感兴趣的同学请继续往下阅读（你也可以点击这里跳转到原文进行阅读）。

现代 CSS （Modern CSS）应该是 2023 年前端圈热门话题之一，在最近的 CSS Day 活动上也有这个话题。另外在社区中也不乏现代 CSS 的讨论以及如何使用现代 CSS 特性来编写和组织 CSS 代码，以及如何使用现代 CSS 技术更好的构建出可扩展，未来更友好的 Web 项目。