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

进度条是一个非常常见的功能，实现起来也不难，一般我们都会用 div 来实现。 作为一个这么常见的需求， whatwg 肯定是不会没有原生组件提供（虽然有我们也不一定会用），那么就让我们来康康有哪些有意思的进度条实现方式。 这种方法的核心就是以当前盒子为容器，以 ::before…

小红: 我觉得用户在选择一组数据时候， 能够知道默认选项是什么, 可以起到一定的引导作用, 增强用户体验。 另外 如果 option 中没有 selected, checkbox 和 radio 没有 checked, 伪类 :default 是不会匹配的。 小明: 怎么有这么…