这一段是纯css实现的10种动画效果。每个.spinner类定义了不同的样式属性，从.spinner-1到.spinner-10，每个都有不同的外观和动画效果。 这些动画可以用于网页中的加载中或其他需

一般来说，涉及到多列，首先想到的是 flexbox. 尤其是常见的两行多列布局，flex 屡试不爽。 假设 HTML 是这样的：一个容器元素（class 为 box）里有十个子元素（class 为 box-item）。 这个四行多列，先用 flex 实现看看。 从上图可见，ju…

我们在日常的开发中，经常会遇到这样一个问题，就是如何实现居中水平垂直居中对齐。并且在面试中也会出现这样的问题，但是我们往往回答的不是很全部，而导致没有得到面试加分。接下来我们通过不同的方式来实现，让我们成功破解这道面试。 不定宽： 参考上诉例子中不定宽高例子。

本文先从浏览器的渲染过程来从头到尾的讲解一下回流重绘，如果大家想直接看如何减少回流和重绘，优化性能，可以跳到后面。（这个渲染过程来自MDN） Display:将像素发送给GPU，展示在页面上。（这一步其实还有很多内容，比如会在GPU将多个合成层合并为同一个层，并展示在页面中。而…

这句话也是很抽象，暂且先不管它了。但是我们可以先看一个例子： 那最后文字是什么颜色呢？答案很简单：红色。这就涉及到了优先级问题，同一块内容，我们同时用了 ID选择器 和 类选择器,因为 ID选择器 优先级大于 类选择器 , 所以最终显示为红色。 但是，浏览器具体的优先级算法是怎…