shanyuhai123

1. 两栏布局 flex 是一个简写属性，用来设置 flex-grow、flex-shrink、flex-basis。一般来说让元素等高需要额外设置，而 flex 容器的存在一个默认属性值：align-items:stretch，它会帮助你，当然也会给你带来糟糕的体验。 2. …

在 JavaScript 中，我们可以利用变量，DOM 来保存状态，而 CSS 当中，我们也可以利用伪类选择器来保存状态，这就是 CSS 搞事的核心了。 核心概念：保存状态。 在上一篇 CSS 搞事技巧：checkbox+label+selector 中利用 checkbox+…

这三个元素作为这个 《CSS 搞事技巧》的第一篇并非仅仅是在接下来的 《重温 Flex 布局》中要使用，而是因为这个技巧的确是很基础。 核心概念：所谓技巧，无非就是保存状态（划重点啦）。 示例部分仅放 Gif 图样及源码地址，详情请查看技巧说明部分（技巧是通用的）。 1. sw…