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

这篇文章绝对不是对任何一个曾经和我共事过的人的批判，仅仅是我最近在做一些个人研究的时候学到的关于 CSS 的一些要点。 有很多开发者并不怎么关注 CSS，我想这已经不是什么新鲜事了。通过网上的各种对话，或者与朋友和同事聊天的时候你都可以观察到这个现象。 然而，在社区中，我们学到…

CSS 选择器在实践中是非常常用的，无论是在写样式上或是在 JS 中选择 DOM 元素都需要用到。在 CSS Selectors Level 4 中，工作组继续为选择器标准添加了更丰富的选择器。下面我们来了解一下。 :is 是一个用于匹配任意元素的伪类，使用方法很简单，只需要将…

css博大精深，很多属性，往往都是看似熟悉，但是似乎又不能将其特性和用法完整地说出来。 如上所示，content 属性与 :before 及 :after 伪元素配合使用，并可以接受一个字符串作为值。 其中none、normal、inherit这三个和大多数属性类似，故不做介绍…

划重点，这是一道面试必考题，很多面试官都喜欢问这个问题，我就被问过好几次了 要实现上图的效果看似很简单，实则暗藏玄机，本文总结了一下CSS实现水平垂直居中的方式大概有下面这些，本文将逐一介绍一下，我将