既生瑜何生亮，没想到CSS有语法和作用如此相似的两套规则，一个是范围，一个是嵌套，大部分时候两者可以互相替换，怎会如此呢？
阅读全文…
标签：:scope, @media, CSS嵌套, 选择器 发布在 CSS相关 | 8 条评论 »
带大家快速了解下CSS initial-letter属性，可以更好地设置首字母的排版效果。
标签：::before, ::first-letter, float, initial-letter, shape-outside 发布在 CSS相关 | 没有评论 »
从名称上看，@scope似乎是实现CSS作用域的，这个讨论了近20年的特性终于是要支持了吗，还是并非如此？
标签：:scope, @container, @counter-style, @font-palette-values, @import, @keyframes, @layer, @media, @property, @supports, 优先级, 作用域, 选择器 发布在 CSS相关 | 7 条评论 »
没想到，以前有些不方便实现的排版和布局效果可以使用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相关 | 7 条评论 »
真是大开眼界，没想到纯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 条评论 »
张鑫旭more，09年华中科技大学毕业，现上海，就职于阅文集团，专注web前端偏前领域，著有《CSS世界》《CSS选择器世界》《CSS新世界》
邮箱：zhangxinxu@zhangxinxu.com
关注我：微信微博掘金知乎头条B站Gitee
我的应用
我的应用