速查表

Flex 容器

flex-direction、flex-wrap、justify-content、align-items、align-content、gap。

Flex 子项

flex、flex-grow、flex-shrink、flex-basis、align-self、order。

Grid 容器

grid-template-columns、rows、gap、justify-items、align-items、grid-template-areas。

Grid 子项

grid-column、grid-row、grid-area、justify-self、align-self。

变形与动画

transform、transition、@keyframes、animation。

小结

详细语法以 MDN 为准，本表便于回忆关键词。