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

2024年07月23日 by 张 鑫旭 阅读 18560 次, 今日 57 次

HTML并不简单 书封

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

阅读全文…

介绍下与CSS自定义组件相关的:state()函数

2025年11月17日 by 张 鑫旭 阅读 539 次, 今日 73 次

:state()伪类函数封面图

Web Components组件开发又新增特性,可以暴露组件内部的状态,通过CSS :state()伪类函数匹配,增强组件的样式定制能力,以实现更好的内部封装。

阅读全文…

CSS锚点定位实战-鼠标跟随交互效果

2025年11月10日 by 张 鑫旭 阅读 1487 次, 今日 68 次

有了CSS锚点定位,我们无需任何JavaScript代码参与,就能实现元素的鼠标跟随动效,简单实用,前端必会交互小技巧。

阅读全文…

垃圾特性之CSS :heading伪类和:heading()函数

2025年11月3日 by 张 鑫旭 阅读 1316 次, 今日 33 次

heading封面占位图

从没有见过如此鸡肋设计的CSS新特性,真是浪费我的学习时间,专门匹配h1-h6标题元素,怎么想得出来的?

阅读全文…

Canvas也支持锥形渐变了createConicGradient方法

2025年10月27日 by 张 鑫旭 阅读 1466 次, 今日 38 次

封面图

除了CSS、HTML和JS之外,Canvas这门语言其实也在发展,这不,也支持锥形渐变了,最近某个需求正好用到了,解决了CSS锥形渐变无法前端截图的难题,不妨进来看看是怎么回事吧。

阅读全文…

CSS reading-flow和reading-order属性简介

2025年10月20日 by 张 鑫旭 阅读 1955 次, 今日 28 次

封面图

CSS reading-flow和reading-order这两个CSS新特性可以改变外部设备访问DOM元素的顺序,从而提高用户的无障碍访问体验,渐进增强特性,现在就可以在项目中使用。

阅读全文…

CSS field-sizing属性简介

2025年10月13日 by 张 鑫旭 阅读 2222 次, 今日 39 次

封面图

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

阅读全文…

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

2025年09月30日 by 张 鑫旭 阅读 2919 次, 今日 28 次

分词与字符长度

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

阅读全文…

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

2025年09月19日 by 张 鑫旭 阅读 3418 次, 今日 27 次

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

阅读全文…

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

2025年09月15日 by 张 鑫旭 阅读 3851 次, 今日 33 次

占位图

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

阅读全文…

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

2025年09月5日 by 张 鑫旭 阅读 3643 次, 今日 38 次

@function封面图

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

阅读全文…