✂️CSS 简写生成器

怎么用 CSS 简写生成器

1. 在 生成简写 中选择属性并填写需要的部分，工具会折叠成最短的合法简写，并列出它对应的完整写法。
2. 注意结果下方的说明：它会告诉你四个方向的值为什么能压缩成一个、两个或三个。
3. 切到 展开简写，把别人代码里的简写粘进来，就能看到它实际展开成了哪些属性。

常见问题

为什么用了 font 简写反而出问题？

font 会把没写出来的字体相关属性全部重置，包括 line-height、font-variant 和 font-stretch。只有在整体设定字体时才用它，否则请写完整属性。

四个方向的值按什么顺序？

从上开始顺时针：上、右、下、左。写三个值时左复制右；写两个值时先上下、后左右；写一个值时四边相同。

简写一定更好吗？

不一定。简写会重置它省略的属性 —— 写新组件时这正是你要的，但在主题里只想覆盖某一个值时就会踩坑。做覆盖时请用完整写法。