关于《HTML并不简单》这本书

2024年07月23日 by 张 鑫旭 阅读 17461 次, 今日 4 次

HTML并不简单 书封

盼星星,盼月亮,我的第5本书《HTML并不简单》已经正式上架了,这里讲讲为什么会想到写一本关于HTML的书籍,介绍下本书的内容结构,签字版购买等信息,希望可以得到大家的正版支持。

阅读全文…

CSS field-sizing属性简介

2025年10月13日 by 张 鑫旭 阅读 757 次, 今日 9 次

封面图

你知道吗?现在文本输入框已经支持根据输入内容的多少自动改变宽度大小了,那就是使用CSS field-sizing属性。

阅读全文…

使用Intl.Segmenter返回更准确的字符长度

2025年09月30日 by 张 鑫旭 阅读 1664 次, 今日 6 次

分词与字符长度

Intl.Segmenter不仅能精准返回Emoji字符的长度,还能实现中文语言的自动分词,分句效果,这个特性比预想的实用的多了。

阅读全文…

CSS scroll-target-group加:target-current滚动菜单自动高亮

2025年09月19日 by 张 鑫旭 阅读 2343 次, 今日 12 次

CSS野心太大了,那种页面滚动,标题导航自动高亮匹配的效果现在也能纯CSS实现了。

阅读全文…

使用CSS linear()函数实现更逼真的物理动画效果

2025年09月15日 by 张 鑫旭 阅读 2807 次, 今日 8 次

占位图

CSS新支持的linear()函数可以让我们实现任意速率动画,所以,无论是更加逼真的物理动画,还是特殊的阶梯式动画都不在话下,让CSS动画的能力进一步增强。

阅读全文…

@function自定义函数让CSS支持编程啦

2025年09月5日 by 张 鑫旭 阅读 2777 次, 今日 9 次

@function封面图

终于来了,CSS也支持编程了,使用@function 规则可以定义可重用的计算逻辑,让 CSS 代码更灵活、模块化且易于维护。

阅读全文…

HTML之快速了解hidden=until-found的作用

2025年08月29日 by 张 鑫旭 阅读 2836 次, 今日 1 次

until-found封面图

HTML hidden属性支持了一个名为until-found的新值,默认不可见,但是如果用户搜索匹配,或者锚点定位了,就会自动显示,有助于特定场景下提高用户体验。

阅读全文…

抢先学习大开眼界的CSS corner-shape属性

2025年08月26日 by 张 鑫旭 阅读 2946 次, 今日 1 次

corner-shape属性封面图

CSS corner-shape属性在社区的呼声非常高,现在浏览器终于支持了,可以CSS图形表现效果有飞跃版的提升。

阅读全文…

这个有点屌CSS @container scroll-state容器滚动查询

2025年08月15日 by 张 鑫旭 阅读 3080 次, 今日 3 次

滚动容器查询封面图

纯CSS现在可以检测是否滚动到容器边缘,Scroll Snap边缘,以及sticky元素是否触及定位的边缘了,这个特性还挺实用的。

阅读全文…

CSS索引和数量匹配函数sibling-index sibling-count简介

2025年08月7日 by 张 鑫旭 阅读 2945 次, 今日 2 次

索引数量匹配封面图

CSS现在支持了专门的CSS函数,可以知道子元素当前的索引值大小,以及知道子元素的数量了,都是动态匹配的,很有规律的CSS样式效果有了更好的解决方法了。

阅读全文…

HTML popover再进化 – 新增hint类型提示框

2025年07月31日 by 张 鑫旭 阅读 3269 次, 今日 2 次

popover hint封面图

HTML popover属性新特性之hint值,填补了轻量级提示与模态弹窗间的需求空白,适合需非打断性辅助信息的场景。

阅读全文…