CSS 文章
-
CSS Display 属性的双值语法
CSS display 属性是用于改变元素及其子元素的格式化上下文的方式。你学习 CSS 的第一件事就是，一些元素默认情况下是块级元素，而另一些是内联元素。display 属性可以让你在这些状态之间切换。目前该特性仅在 Firefox 70 中可用，现在就开始在生产环境中使用这些双值属性还为时过早。但是，了解它们对 CSS 的意义很重要。
-
使用 Firefox 字体编辑器快速更改排版
你是否曾经在网页上看到过一个网页，然后想知道它使用了哪些字体？你是否曾经问过自己，这些字体来自哪里，或者为什么某个特定字体没有加载？Firefox 中的字体编辑器提供了答案和见解，并允许你直接进行字体更改，并提供实时预览。
-
使用 CSS Grid（和 Subgrid！）实现更快的布局
CSS Grid 自 2017 年初以来已在大多数主要浏览器中可用，它比以往任何时候都更强大。但复杂的新语法（行名！网格区域！minmax！fit-content！fr 单位！）和缺少 IE11 支持可能会让人感到害怕。不要让它阻止你。Miriam Suzanne 提供了一些你可以今天就使用的一些基本方法。
-
为什么 CSS 如此奇怪？
CSS 是 Web 的设计语言——三种核心 Web 语言之一——但它似乎也是最具争议性和最令人困惑的一种。它太容易，也太难，太脆弱，也太有弹性。无论你爱它还是恨它，CSS 都是奇怪的：它不是纯粹的标记语言，也不是纯粹的编程语言（按通常的（命令式）意义），也不像我们用于打印的设计程序。我们是怎么走到这一步的？
-
来自 Mozilla Developer 的视频短片
今天，我们推出了一个新的视频频道，并精选了一些短片来启动。从 Deja Hodge 的 Web 上暗模式介绍开始。然后，Jen Simmons 向我们展示了如何在 Firefox 开发者工具中访问一个方便的三面板。Miriam Suzanne 制作了一段关于
::marker伪元素和列表计数器的视频。无论你的经验水平或工作描述如何，我们都在共同努力，为 Web 的未来发展做出贡献，Mozilla 将全力支持你。 -
Firefox 69——关于 Resize Observer、microtask、CSS 和 DevTools 的故事
为了我们最新的冒险，我们已经准备好了一个新的 Firefox 版本。69 版本包含了许多很棒的新功能，包括 JavaScript 公共实例字段、Resize Observer 和 Microtask API、CSS 逻辑溢出属性（例如 overflow-block）和用于选择器的 @supports。
-
Firefox 68 中的新 CSS 功能
Firefox 68 本月早些时候发布，包含了许多 CSS 新增功能和更改。在这篇博文中，Rachel Andrew 概述了一些你可能会发现的内容，例如 Scroll Snapping 的正确实现、
::marker伪元素，以及 Firefox DevTools 中用于处理 CSS 的新工具。 -
Firefox 68 中更新的 CSS Scroll Snap
CSS Scroll Snap 规范为我们提供了一种在 CSS 中在页面或滚动组件的不同元素之间进行捕捉的方式。在这篇文章中，Rachel Andrew 解释了 scroll snapping 的工作原理，为什么浏览器运行不同版本的规范，以及这种情况如何发生变化。
-
CSS Grid Level 2 - subgrid 即将登陆 Firefox
subgrid 特性是 CSS Grid 规范 Level 2 的一部分，目前尚未在任何浏览器中发布，但现在可以在 Firefox Nightly 中进行测试。如果你使用过 CSS Grid 进行任何复杂布局，你可能会对这个特性感到非常兴奋。
-
Firefox 66 中的滚动锚定
Firefox 66 上周发布，包含一个名为滚动锚定的新功能，该功能基于新的 CSS 规范。滚动锚定用于将用户锚定到他们正在查看的内容。当此内容因广告、屏幕旋转、屏幕大小调整或其他原因而移动时，页面现在会滚动，以保持你相对于它的相对位置不变。了解我们的干预措施是如何运作的。
