2024年07月23日 by 张 鑫旭 阅读 23168 次, 今日 7 次
盼星星，盼月亮，我的第5本书《HTML并不简单》已经正式上架了，这里讲讲为什么会想到写一本关于HTML的书籍，介绍下本书的内容结构，签字版购买等信息，希望可以得到大家的正版支持。
阅读全文…
标签： CSS世界, CSS新世界, html, HTML5, HTML并不简单
发布在 HTML相关 | 17 条评论 »
2026年06月24日 by 张 鑫旭 阅读 467 次, 今日 22 次
之前prefers-color-scheme实现深色模式效果的方案实在是太鸡肋了，脱离现实，原理用户，体验不佳，CSS light-dark()函数才是真正的解决之道。
阅读全文…
标签： @media, color-scheme, contrast, darken, light-dark(), prefers-color-scheme, prefers-contrast
发布在 CSS相关 | 没有评论 »
2026年06月22日 by 张 鑫旭 阅读 611 次, 今日 13 次
介绍两个我觉得相当实用的HTML和DOM新特性，自此，无JS交互的场景再次丰富了一层，有兴趣的可以进来了解一番。
阅读全文…
标签： beforetoggle, command, commandfor, details, dialog, popover, popovertarget, toggle()
发布在 CSS相关 | 没有评论 »
2026年06月10日 by 张 鑫旭 阅读 1670 次, 今日 8 次
CSS图形表现领域又加入了一员猛将，那就是border-shape属性，可以实现任意的边框图形效果，且不只是边框。
阅读全文…
标签： border-shape, caret-shape, clip-path, corner-shape, CSS Shapes, drop-shadow, shape()
发布在 CSS相关 | 2 条评论 »
2026年06月1日 by 张 鑫旭 阅读 1751 次, 今日 7 次
CSS终于出了个可以自动匹配色值对比度的函数，这在无障碍访问领域特别受用，前景背景色从此可以自动适配了。
阅读全文…
标签： color, contrast, contrast-color, prefers-contrast, 无障碍网页应用, 颜色
发布在 CSS相关 | 6 条评论 »
2026年05月29日 by 张 鑫旭 阅读 1737 次, 今日 11 次
继preventScroll参数之后，JS focus()方法又新增了一个名为focusVisible的可选参数，你知道它的作用是什么吗？（文末有个人碎碎念）
阅读全文…
标签： :any-link, :focus-visible, focus, focusVisible, preventScroll, 人工智能, 用户体验
发布在 JS API | 4 条评论 »
2026年05月25日 by 张 鑫旭 阅读 1614 次, 今日 3 次
text-align 也藏冷门小知识点！match-parent 看似和继承效果相近，实际大有区别。面对逻辑对齐与 direction 布局，它能让样式计算值转为真实方位值。日常开发极少用到，兼容性却拉满，小众装逼特性带你一文吃透。
阅读全文…
标签： direction, getComputedStyle, text-align
发布在 CSS相关 | 没有评论 »
2026年05月18日 by 张 鑫旭 阅读 2429 次, 今日 7 次
好消息，现在不仅光标的颜色，连光标的形状也能设置了，同时还能控制光标是否闪烁，CSS特性真是越来越全面了。
阅读全文…
标签： animation, caret-color, caret-shape, color, cursor, steps
发布在 CSS相关 | 2 条评论 »
2026年05月11日 by 张 鑫旭 阅读 2980 次, 今日 6 次
前端开发这么多年，有个心心念念的文字排版布局一直想要实现，那就是四面文字环绕效果，嘿，我发现，最近横空出世的pretext可以轻松实现这样的排版效果。
阅读全文…
标签： canvas, CSS Shapes, float, 文字, 文字排版
发布在 CSS相关 | 2 条评论 »
2026年05月6日 by 张 鑫旭 阅读 3196 次, 今日 4 次
JSON对象新增了rawJSON方法，你知道他的作用是什么吗？
阅读全文…
标签： BigInt, isRawJSON, json, Object, rawJSON, 转义
发布在 JS API | 5 条评论 »
2026年04月27日 by 张 鑫旭 阅读 3332 次, 今日 7 次
CSS居然可以判断用户的鼠标是从上面进来的，还是从下面进来的，其实现原理非常巧妙，仿佛变魔术一般，有兴趣的可以进来了解一下。
阅读全文…
标签： :has(), :not, CSS嵌套, css相关, hover, 交互
发布在 CSS相关 | 6 条评论 »
我的应用
我的应用