未读消息超过100显示为99+是常见的交互，目前主流实现一定是通过 JS 逻辑判断，其实纯 CSS 就能实现一模一样的功能，兼容性还不赖，进来看看吧。
阅读全文…
标签：calc, content, counter, css var, CSS函数, font-size, min, round(), 自定义属性 发布在 CSS相关 | 19 条评论 »
一不留神，又冒出个新的CSS属性scrollbar-gutter，一研究，发现还挺实用，赶快和大家分享分享。
标签：css相关, overflow, overflow-clip-margin, Scroll Snap, scroll-behavior, scrollbar-color, scrollbar-gutter, scrollbar-width, 滚动条 发布在 CSS相关 | 13 条评论 »
本文介绍 4 个很多前端开发不知道的可以提升用户体验的 media 媒体查询语句，希望可以帮到大家的学习。
标签：@media, any-hover, any-pointer, matchMedia, media queries, prefers-color-scheme, prefers-contrast, prefers-reduced-motion 发布在 CSS相关 | 8 条评论 »
解释下为何 flex 布局中， flex-end 对齐不会触发 overflow 滚动效果，以及介绍解决方法，希望可以帮到遇到类似场景的人。
标签：css相关, flex, flex-end, flex布局, justify-content, overflow, 滚动 发布在 CSS相关 | 12 条评论 »
配合meter元素，纯CSS也能实现3色状态带强中弱提示的密码强度效果，有基础有深入，本文可以学到的东西挺多。
标签：gradient, html, input, label, mask, meter, optimum, Safari, 伪元素 发布在 CSS相关, HTML相关 | 22 条评论 »
虽然目前项目符号支持的关键字值接近上百个，但是还是不能满足日常开发的需求，在这种情况下，@counter-style 出现了，可以让我们自定义计数规则。
标签：@counter-style, content, CSS计数器, list-style-type, symbols, system, 列表, 字符 发布在 CSS相关 | 8 条评论 »
CSS悄然发展，已有CSS行为也跟着发生了变化，content属性就是其一，现在所有现代浏览器都支持普通HTML元素通过content属性改变元素内容，背后的原理和机制是什么呢？
标签：content, css相关, 伪元素, 替换元素 发布在 CSS相关 | 2 条评论 »
推荐我的新书《CSS新世界》，我为自己代言，点击进入了解关于本书更多信息。
标签：css3, CSS世界, CSS新世界, CSS选择器世界, 选择器 发布在 CSS相关 | 32 条评论 »
分享一点关于Web中空格排版的小知识，希望对大家的学习有所帮助。
标签：css相关, nowrap, pre-wrap, white-space, 字符换行, 空格 发布在 CSS相关 | 5 条评论 »
本文介绍如何使用纯CSS方法，实现某个元素在水平滚动的时候跟着滚，垂直滚动的时候固定效果，反之同样适用，丰富demo，有视频效果示意，希望可以帮到您的学习。
标签：css相关, position, sticky, 滚动, 滚动条, 粘性定位, 表格 发布在 CSS相关 | 9 条评论 »
张鑫旭more，09年华中科技大学毕业，现上海，就职于阅文集团，专注web前端偏前领域，著有《CSS世界》《CSS选择器世界》《CSS新世界》
邮箱：zhangxinxu@zhangxinxu.com
关注我：微信微博掘金知乎头条B站Gitee
我的应用
我的应用