flex是 `flex-grow`，`flex-shrink`和`flex-basis`的简写，开发中最常见的写法是`flex：1`，它表示 flex 项目扩展并填充可用空间。

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

CSS比较函数从2020年4月就开始支持了，我喜欢使用这些函数，但最喜欢的是 clamp()，它也是我最常用的一个。在这节课中，我们详细来看下这些比较函数。 Clamp(), Max(), 和 Min

本文将会再介绍另外一种使用 CSS 实现的波浪效果，思路非常的巧妙！实现动画的整个过程，动画负延迟时间的运用，都是有一些参考学习意义的。

transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。 transition主要包含四个属性值：执行变换的属性：transition-property，变换延续的…

一般情况下 CSS 并不会影响 JS 事件，但有一个 CSS 属性则比较特殊，那就是 pointer-events，它可以用来规避鼠标事件，其中大部分属性值只适用于 SVG（可缩放矢量图形）操作。接下

在交谈 BFC 的时候，谈论产生 BFC 的条件，或 BFC 的特性，比起说什么是 BFC，可能更有意义。tips：CSS2.1 中只有 BFC 和 IFC，CSS3 中才有 GFC 和 FFC。

CSS 大约有两百个属性。很多属性都是相互关联的，理清楚每一个属性细节是不可能的。所以，本文分享一些有用的 CSS 小技巧，方便开发者和设计师参考...

01 如何实现一个元素的水平垂直居中 可打开 codepen 进行调试: https://codepen.io/shanyue/pen/XWMdabg，以下是布局代码 提供一些现代浏览器下使用 fle