2024年07月23日 by 张 鑫旭 阅读 17530 次, 今日 15 次

盼星星,盼月亮,我的第5本书《HTML并不简单》已经正式上架了,这里讲讲为什么会想到写一本关于HTML的书籍,介绍下本书的内容结构,签字版购买等信息,希望可以得到大家的正版支持。
阅读全文…
标签: CSS世界, CSS新世界, html, HTML5, HTML并不简单
发布在 HTML相关 | 17 条评论 »
2025年10月20日 by 张 鑫旭 阅读 20 次, 今日 19 次

CSS reading-flow和reading-order这两个CSS新特性可以改变外部设备访问DOM元素的顺序,从而提高用户的无障碍访问体验,渐进增强特性,现在就可以再项目中使用。
阅读全文…
标签: flex-direction, flex-flow, grid-auto-flow, order, paint-order, reading-flow, reading-order, tabindex, 无障碍网页应用
发布在 CSS相关 | 没有评论 »
2025年10月13日 by 张 鑫旭 阅读 882 次, 今日 50 次

你知道吗?现在文本输入框已经支持根据输入内容的多少自动改变宽度大小了,那就是使用CSS field-sizing属性。
阅读全文…
标签: field-sizing, input, placeholder, select, textarea, 表单
发布在 CSS相关 | 3 条评论 »
2025年09月30日 by 张 鑫旭 阅读 1757 次, 今日 33 次

Intl.Segmenter不仅能精准返回Emoji字符的长度,还能实现中文语言的自动分词,分句效果,这个特性比预想的实用的多了。
阅读全文…
标签: Collator, DateTimeFormat, emoji字体, Intl, Segmenter, String, textLength
发布在 JS API | 2 条评论 »
2025年09月15日 by 张 鑫旭 阅读 2872 次, 今日 22 次

CSS新支持的linear()函数可以让我们实现任意速率动画,所以,无论是更加逼真的物理动画,还是特殊的阶梯式动画都不在话下,让CSS动画的能力进一步增强。
阅读全文…
标签: animation, animation-timing-function, CSS动画, liner(), Tween类
发布在 CSS相关 | 一条评论 »
2025年09月5日 by 张 鑫旭 阅读 2834 次, 今日 14 次

终于来了,CSS也支持编程了,使用@function 规则可以定义可重用的计算逻辑,让 CSS 代码更灵活、模块化且易于维护。
阅读全文…
标签: @media, CSS函数, CSS变量, fill-rule, Function
发布在 CSS相关 | 2 条评论 »
2025年08月29日 by 张 鑫旭 阅读 2878 次, 今日 7 次

HTML hidden属性支持了一个名为until-found的新值,默认不可见,但是如果用户搜索匹配,或者锚点定位了,就会自动显示,有助于特定场景下提高用户体验。
阅读全文…
标签: beforematch, content-visibility, html, overflow:hidden, popover, visibility, 无障碍网页应用
发布在 HTML相关 | 一条评论 »
2025年08月26日 by 张 鑫旭 阅读 3002 次, 今日 16 次

CSS corner-shape属性在社区的呼声非常高,现在浏览器终于支持了,可以CSS图形表现效果有飞跃版的提升。
阅读全文…
标签: border, border-image, border-radius, clip-path, corner-shape, shape(), superellipse
发布在 CSS相关 | 5 条评论 »
2025年08月15日 by 张 鑫旭 阅读 3136 次, 今日 19 次

纯CSS现在可以检测是否滚动到容器边缘,Scroll Snap边缘,以及sticky元素是否触及定位的边缘了,这个特性还挺实用的。
阅读全文…
标签: @container, Scroll Snap, scroll-state, sticky
发布在 CSS相关 | 11 条评论 »
2025年08月7日 by 张 鑫旭 阅读 2992 次, 今日 10 次

CSS现在支持了专门的CSS函数,可以知道子元素当前的索引值大小,以及知道子元素的数量了,都是动态匹配的,很有规律的CSS样式效果有了更好的解决方法了。
阅读全文…
标签: column, CSS函数, grid-auto-flow, nth-child, sibling-count(), sibling-index()
发布在 CSS相关 | 4 条评论 »