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

在网页中，经常会用阴影来突出层级关系，特别是顶部导航，但有时候设计觉得没必要一开始就显示阴影，只有滚动后才出现。比如下面这个例子，注意观察头部阴影 可以看到，只有滚动以后才出现阴影。一般情况下，使用

目录 flexbox 内容换行 间距 长文本内容 防止图像被拉伸或压缩 锁定滚动链接 CSS 变量回退 使用固定宽度或高度 被忽略的 background-repeat 垂直方向的媒体查询 使用 ju

我听说很多开发者厌恶 CSS。而在我的经验中，这往往是由于他们并没有花时间来学习 CSS。 CSS 算不上是最优美的『语言』，但迄今二十多年来，它都是美化 web 举足轻重的工具。从这点来说，也还算不错吧？ 尽管如此，CSS 写得越多，你越容易发现一个巨大的弊端。 因为维护 C…

最近我朋友在群里发了一张图，说为什么main的宽度100%了，sub还是可以覆盖它呢？看来是时候带他回忆一波经典的圣杯布局和双飞翼布局了。正好最近看到好多面试题都有提到。 /笑哭 通俗的来说就是左右两栏固定宽度，中间部分自适应的三栏布局。 双飞翼布局和圣杯布局很类似，不过是在m…

本文主要讲讲 CSS 非常新的一个特性，CSS @property，它的出现，极大的增强的 CSS 的能力！让 CSS 拥有了更多可能！