原文链接：一文吃透 CSS Flex 布局 教学游戏 这里有两个小游戏，可用来练习 flex 布局。 塔防游戏 送小青蛙回家 Flexbox 概述 Flexbox 布局也叫 Flex 布局，弹性盒子布

一、demo初体验 二、注意 min-width和max-width定义的是页面可见区域的最小宽度和最大宽度。 max-width和min-width都是包含等于的，例如： 三、案例演示 媒体查询修改

CSS Gird布局也叫二维网格布局系统，可用于布局页面主要的区域布局或小型组件。网格是一组相交的水平线和垂直线，它定义了网格的列和行。我们可以指定将网格元素放置在与这些行和列相关的位置上。

本文正在参加「金石计划」 前言 身为即将踏入职场的，接受面试官洗礼的练习生，深知面试造飞机，工作打螺丝的道理。但又必须为面试打好基础，让我们成功跨越面试官，成为合格的打工仔。身为前端三件套的CSS，是