CSS Gird布局也叫二维网格布局系统，可用于布局页面主要的区域布局或小型组件。网格是一组相交的水平线和垂直线，它定义了网格的列和行。我们可以指定将网格元素放置在与这些行和列相关的位置上。

大家好，我是柒八九。 今天，我们继续2023前端面试真题系列。我们来谈谈关于CSS的相关知识点。 如果，想了解该系列的文章，可以参考我们已经发布的文章。如下是往期文章。 文章list 2023前端面试

本文正在参加「金石计划」 :is() 你是否曾经写过下方这样冗余的CSS选择器: 其实上面这段代码可以这样写： 看~是不是简洁了很多！ 是的，你可以使用 :is() 对选择器的任何部分进行分组，例如，

开门见山，有这样一种非常常见的情况，对于一些可滚动的元素而言。通常在滚动的时候会给垂直于滚动的一侧添加一个阴影，用于表明当前有元素被滚动给该滚出了可视区域，类似这样： 对于两侧的列在滚动的过程中，静止不动，吸附在边界的问题，通常 CSS 使用 position: sticky …

修改输入占位符样式、多行文本溢出、隐藏滚动条、修改光标颜色、水平和垂直居中。多么熟悉的场景！前端开发者几乎每天都会和它们打交道，本文收集 13 个CSS技巧，一起来来温故一下吧。

Flex 布局目前已经非常流行了,现在几乎已经兼容所有浏览器了。在文章开始之前我们需要思考一个问题:我们为什么要使用 Flex 布局? 其实答案很简单,那就是 Flex 布局好用。一个新事物的出现往往

省流：webp格式图片比png/jpg的体积更小。但webp格式的图片在浏览器支持度上没有png/jpg好，不过webp可以做兼容处理。文内有官方案例和在线压缩Webp网站

网页端如何一键变灰已经有很多实现方式了，但是我看到一个推文很有意思，是一个不错的面试题 一键变灰 这个大部分同学都写了，直接 考虑ie之类的兼容性的话，就直接把兼容性的属性都搞上

CSS 大约有两百个属性。很多属性都是相互关联的，理清楚每一个属性细节是不可能的。所以，本文分享一些有用的 CSS 小技巧，方便开发者和设计师参考...