一种现代CSS重置（CSS Reset）

每当我开始一个新项目时，首要任务就是磨平CSS语言中的一些粗糙边缘。我通过一套功能性的自定义基线样式来做到这一点。 很长一段时间，我使用的是Eric Meyer著名的CSS重置。这是一段结实的CSS代码，但现在有点过时了；它已经十多年没有更新了，而且自那时以来发生了很多变化！ 最...

发现 CSS 中的 JavaScript 支持

我一直知道有 scripting CSS 媒体特性，但我仍然以为它的跨浏览器支持不足。根据 caniuse.com 的信息，发现截至2023年12月，所有现代浏览器都已支持这一特性，这真是一个令人愉快的惊喜。有了这个特性，我们可以根据用户浏览器中是否可用 JavaScript 来...

为什么我们不再讨论压缩CSS了？

压缩CSS有助于提高网站性能。但是作为开发者，我们真的不再讨论压缩CSS了。 为什么？ 简而言之，现代技术栈已经改进了CSS的传输和优化，使其实际上不再是一个问题。HTTP/2和现代压缩算法在很大程度上解决了CSS的高效和性能传输问题，而现代前端框架则负责处理诸如代码分割和压缩...

一个关于CSS masonry（砖石）布局的替代提案

注：文章的“砖石”指 “masonry”，“网格”指 “grid”，分别是两种布局设计。 Chrome 团队渴望在Web上实现 masonry（砖石）类型的布局。然而，我们认为，按照最近WebKit帖子中提出的方式，将其作为CSS Grid规范的一部分来实现将是一个错误。...

我更关心选项卡行为，而不是 CSS masonry（砖石）的语法和名称

最近有很多关于 CSS masonry 的讨论。它应该被称为“砖石”，而且应该使用网格吗？让我们先关注基础知识吧。 在 2022 年，我制作了这个网站：成为浏览器的导师，而不是微观管理者。上面有一些关键原则，是一个不错的瓷砖集合。 Arc 中的瓷砖 —— 一个 Chromiu...