最近看了一眼CaniUseofCSSGrid:不得不说兼容性已经到了可以大规模使用的地步了。除了CSSGrid最近的一些新特性,比如spacinggap和grid-template-column:masonry支持瀑布流布局外,您可以放心地在您的业务中开始使用Grid布局。如何使用Grid从入门到精通?--Grid-Attack然而,CSSGrid的大语法总是容易让人望而却步。最近,我在寻找一种更好的方法来练习CSSGrid布局,并复习Grid语法。无意中发现了这个网站,一个闯关模式,从入门到精通Grid语法:WebSite-CSS-Grid-Attack[1]:通过游戏学习网格布局。GridAttack的一些简单介绍是IntroduceGridAttack。它的一些核心功能。Grid布局零基础的同学也可以尝试一下。游戏中有80个关卡。每一关开始前,都会介绍1或2个网格相关的属性,并给出相应的demo和讲解。通过demo,我们可以基本了解如何使用这个属性。然后,使用给定的提示和一些代码解锁关卡,并通过完成指定的网格布局进入下一关卡。试试吧好的,让我们实际尝试一下。这是#50,问题50。题目如下:题目中给出的代码:
