多列等高布局，算是比较常见的一种布局，要求两列布局看上去高度一致（就是通常是两列背景色一致）。
在Web制作中，有些时候需要实现一些倒影的效果，可以使用非标准属性-webkit-box-reflect实现。
建议使用:root的主要原因是因为CSS不仅用于设置HTML文档的样式。它还用于XML和SVG文件。对于XML和SVG文件，:root不是选择html元素，而是选择它们的根（例如svg文件中的SVG标记）。因此，全局范围的自定义属性的最佳实践是:root。
在Web开发的时候，有些交互特效比较复杂，需要使用视频实现，但是视频的背景色做不到是透明的，导致设计师在制作视频的时候必须跟背景融合在一起。
CSS mix-blend-mode混合模式中有一种混合模式名为滤色，单词是screen，其有一个很有意思的特性表现，那就是黑色和其它元素进行混合的时候表现为透明。视频背景色设置为黑色，同时设置如下CSS即可： mix-blend-mode: screen;
css3 放大缩小循环动画代码片段，在这里再次推荐一下跨浏览器的CSS动画库animate.css。
通过CSS3实现图像动画并显示图像后面的文本，通过这个例子来练习扩展你的CSS知识，并开动脑筋创建你自己独特的动画。
:empty伪类代表没有子元素的元素。子元素只可以是元素节点或文本（包括空格），但不包括html注释。浏览器兼容：IE9+
在浏览网站时，通常会看到HTML元素（如横幅和导航）滚动到一定位置时就固定在浏览器的顶部。之前我们一直采用JavaScript滚动事件来监听滚动到一定位置时给此元素添加position: fixed固定定位。你是知道的固定定位是脱离文档流的哟，因此事先在HTML结构上，不要忘了给这个元素添加一个父元素写上高度占位，不然滚动到一定位置时就会出现页面抖动。如果不写高度占位，你可以尝试CSS Scroll Snap实现滚动捕捉及填充滚动容器空白区域文案。
先了解一下选择器为CSS3结构类的有哪些：:first-child、:last-child、:nth-child()、:nth-last-child()、:nth-of-type()、:nth-last-of-type()、:first-of-type、:last-of-type、:only-child、:only-of-type、:empty。
animate.css一个跨浏览器的CSS动画库。简单易用。虽然已Star，但每次使用使用时都要在stars里查找。。。
