从名称上看，@scope似乎是实现CSS作用域的，这个讨论了近20年的特性终于是要支持了吗，还是并非如此？
阅读全文…
标签：:scope, @container, @counter-style, @font-palette-values, @import, @keyframes, @layer, @media, @property, @supports, 优先级, 作用域, 选择器 发布在 CSS相关 | 8 条评论 »
没想到，以前有些不方便实现的排版和布局效果可以使用text-wrap:balance轻松实现。
标签：nowrap, text-wrap, wbr, white-space, 文字排版 发布在 CSS相关 | 8 条评论 »
同样的布局效果，在2017年、2021年和2023年有着不同的实现，代码愈发的简洁高效，一起来看看CSS的发展对Web开发的帮助吧。
标签：@container, aspect-ratio, cqw, flex布局, float, padding, 布局 发布在 CSS相关 | 12 条评论 »
我发现，有个CSS三角函数之后，以前很多需要JS计算才能实现的布局现在都可以纯CSS完成了，代码简洁了不少。
标签：atan(), cos(), CSS函数, CSS变量, CSS数学函数, hypot(), sin(), 三角 发布在 CSS相关 | 4 条评论 »
有没有办法使用CSS让数字从0-100像动画一样不停变化呢？如果你一时不知道该如何实现，则本文值得一看。
标签：@property, counter, CSS变量, cubic-bezier, houdini, loading, progress, transition 发布在 CSS相关 | 9 条评论 »
真是大开眼界，没想到纯CSS代码也能实现随机噪点效果。
标签：background-blend-mode, canvas, feTurbulence, filter, repeating-conic-gradient, repeating-radial-gradient, sepia, SVG, 动效, 噪点 发布在 CSS相关 | 6 条评论 »
这个CSS属性至少99%的人都没见过。
标签：gap, margin, margin-block, margin-inline, margin-trim 发布在 CSS相关 | 13 条评论 »
一不留神，又发现了一个CSS全局关键字revert-layer，一番研究后，终于知道干嘛用的了，这个值以后@layer大火的时候会很有用。
标签：@layer, color, inherit, initial, revert, revert-layer, unset, 全局关键字 发布在 CSS相关 | 4 条评论 »
想了10个与CSS相关的案例，看看chatGPT的CSS代码水平如何，评估下自己会不会失业，结果惊为天人！
标签：:is, :where, @container, chatGPT, justify-content, linear-gradient, object-fit, text-align-last, 人工智能 发布在 CSS相关 | 17 条评论 »
除了absolute绝对定位，margin负值，grid重叠外，我有发现了一种可以让元素叠加的CSS方法，是什么呢？
标签：@container, container-type, figcaption, grid-area, inline-flex, 元素重叠, 布局 发布在 CSS相关 | 6 条评论 »
张鑫旭more，09年华中科技大学毕业，现上海，就职于阅文集团，专注web前端偏前领域，著有《CSS世界》《CSS选择器世界》《CSS新世界》《HTML并不简单》
邮箱：zhangxinxu@zhangxinxu.com
关注我：微信微博掘金知乎抖音热更B站Gitee
我的应用
我的应用