CSS 选择器用于选择 HTML 元素并将样式应用于它们。使用这些选择器，可以定义特定条件下应用哪些样式。除了普通的选择器外，还有伪类和伪元素，用于选择具有特定状态或特定部分的元素，并将样式应用于它们

随着网格布局的普及率越来越高，在前端面试中出现的概率也逐年增长，这里只做个引子，这方面的内容还是需要重视起来的，不只是面试中，在日常项目中页可以提高自己的排版布局效率。

你也许有这种感觉：色号都是精心配的，但网页没有「高级感」。我找了ant design，发现了答案——阴影。常见的包括3种阴影：容器、文本、图片阴影。不同的阴影要在恰当场景使用，本文介绍了这些使用场景。

可读性和更短的选择器只是`:is()`和`:where()`给CSS带来的价值的一部分。在这篇文章中，你会了解到这两个功能性伪选择器的语法和价值。

在早年间（其实也不是很早），写过几篇关于 CSS Reset 的文章 - reset.css 知多少。 详细描述了当时业界比较常用的，两个 CSS reset 方案：reset.css 与 Norma

修改 placeholder 样式，多行文本溢出，隐藏滚动条，修改光标颜色，水平和垂直居中。这些熟悉的场景啊! 前端开发者几乎每天都会和它们打交道，这里有20个CSS技巧，让我们一起来看看吧。 1.

前言 grid布局 -- grid布局为网格状布局，是css的一种功能强大的页面布局模式，其的核心思想是将网页分成类似于围棋一样的一个个小方格，我们可以随意X，Y轴的合并这些小方格，以达到我们想要的网

一年一度的 CSS年度报告 如期而至，我挑了一些我感兴趣的部分，看报告的主要目的除了了解CSS技术趋势，更重要的是顺便学习了下之前没用过的一些特性和库。

长列表网页相信大多数开发者都遇到过，在DOM元素过多的情况下，浏览器渲染会很慢，非常影响用户体验。 因此我们会经常采用虚拟滚动、分页、上拉加载更多等不同的方式来进行优化，这些方式的思想都是一样的，都是只渲染可见区域，等用户需要时再加载更多的内容。而以上的方式无论哪种，都需要写大…