Rachel Andrew 的文章
-
Firefox 71 中的多列布局和 column-span
Firefox 71 现已在开发者版和 Beta 版中提供,对于 CSS 布局爱好者来说是一个激动人心的版本。我们最近介绍了 Firefox 中 subgrid 的到来,但还有一个属性我们一直关注着。Firefox 71 实现了来自多列布局的 column-span。在这篇文章中,Rachel Andrew 描述了多列布局规范的进展。
-
CSS Display 属性的双值语法
display CSS 属性是我们在改变元素及其子元素的格式化上下文的方式。你学习 CSS 的第一件事之一就是,某些元素默认情况下是块级元素,而其他元素是内联元素。display 属性允许在这些状态之间切换。目前,只有 Firefox 70 支持该功能,因此现在就使用这些双值属性进行生产环境部署还为时过早。但是,它们对 CSS 意味着什么,这一点很重要。
-
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 解释了滚动快照的工作原理,为什么会出现浏览器运行规范的不同版本的情况,以及这种情况如何改变。
-
CSS Grid Level 2 - subgrid 将在 Firefox 中发布
subgrid 功能是 CSS Grid 规范 2 级的一部分,尚未在任何浏览器中发布,但现在可以在 Firefox Nightly 中进行测试。如果你使用过 CSS Grid 来进行任何复杂程度的布局,你可能会对这个功能感到非常兴奋。
-
MDN 上新的 flexbox 指南
使用 Flexbox 和 Grid 以及相关的规范 Box Alignment 和 Writing Modes,我们拥有新的网页布局模型,这些模型旨在实现我们需要的创建各种类型布局的功能。无论你感兴趣的是实现更具创意的设计,还是仅仅是简化复杂用户界面的开发,Rachel Andrews 细致入微的资料都将帮助你全面了解 Flexbox 和 Grid 协同工作的力量。