2024年07月23日 by 张 鑫旭 阅读 16060 次, 今日 26 次
盼星星，盼月亮，我的第5本书《HTML并不简单》已经正式上架了，这里讲讲为什么会想到写一本关于HTML的书籍，介绍下本书的内容结构，签字版购买等信息，希望可以得到大家的正版支持。
阅读全文…
标签： CSS世界, CSS新世界, html, HTML5, HTML并不简单
发布在 HTML相关 | 17 条评论 »
2025年08月29日 by 张 鑫旭 阅读 207 次, 今日 206 次
HTML hidden属性支持了一个名为until-found的新值，默认不可见，但是如果用户搜索匹配，或者锚点定位了，就会自动显示，有助于特定场景下提高用户体验。
阅读全文…
标签： beforematch, content-visibility, html, overflow:hidden, popover, visibility, 无障碍网页应用
发布在 HTML相关 | 没有评论 »
2025年08月26日 by 张 鑫旭 阅读 810 次, 今日 110 次
CSS corner-shape属性在社区的呼声非常高，现在浏览器终于支持了，可以CSS图形表现效果有飞跃版的提升。
阅读全文…
标签： border, border-image, border-radius, clip-path, corner-shape, shape(), superellipse
发布在 CSS相关 | 3 条评论 »
2025年08月15日 by 张 鑫旭 阅读 1391 次, 今日 53 次
纯CSS现在可以检测是否滚动到容器边缘，Scroll Snap边缘，以及sticky元素是否触及定位的边缘了，这个特性还挺实用的。
阅读全文…
标签： @container, Scroll Snap, scroll-state, sticky
发布在 CSS相关 | 10 条评论 »
2025年08月7日 by 张 鑫旭 阅读 1418 次, 今日 37 次
CSS现在支持了专门的CSS函数，可以知道子元素当前的索引值大小，以及知道子元素的数量了，都是动态匹配的，很有规律的CSS样式效果有了更好的解决方法了。
阅读全文…
标签： column, CSS函数, grid-auto-flow, nth-child, sibling-count(), sibling-index()
发布在 CSS相关 | 4 条评论 »
2025年07月31日 by 张 鑫旭 阅读 1751 次, 今日 37 次
HTML popover属性新特性之hint值，填补了轻量级提示与模态弹窗间的需求空白，适合需非打断性辅助信息的场景。
阅读全文…
标签： anchor-name, button, datalist, hidePopover, hint, popover, popovertarget, position-anchor, showPopover
发布在 HTML相关 | 3 条评论 »
2025年07月25日 by 张 鑫旭 阅读 2971 次, 今日 39 次
想不到吧，CSS居然也支持if() else 逻辑函数了，这是铁了心要干掉JavaScript的节奏啊。
阅读全文…
标签： @media, @supports, css var, CSS函数, CSS变量, CSS数学函数, style
发布在 CSS相关 | 8 条评论 »
2025年07月16日 by 张 鑫旭 阅读 2788 次, 今日 28 次
RegExp.escape()是所有前端都要熟知的静态函数，用于安全地将字符串转换为正则表达式字面量，目前所有现代浏览器都已经支持。
阅读全文…
标签： RegExp, URL, validity, 字符, 字符串, 正则表达式
发布在 JS API | 2 条评论 »
2025年07月10日 by 张 鑫旭 阅读 2808 次, 今日 32 次
介绍3个与HTML相关的新变化与新特性，分别是新支持的search元素，h1规则变化与声明式Shadow DOM，希望可以帮到大家的学习。
阅读全文…
标签： html, Shadow DOM, 语义化
发布在 HTML相关 | 一条评论 »
2025年07月4日 by 张 鑫旭 阅读 4079 次, 今日 31 次
太不容易了，二十年了，select下拉框元素终于支持完全自定义了，appearance属性，popover交互，CSS锚点定位，N个伪元素四者结合。
阅读全文…
标签： ::checkmark, ::picker-icon, @starting-style, allow-discrete, anchor-size(), appearance, base-select, hr, optgroup, option, popover, select, 锚点定位
发布在 CSS相关 | 5 条评论 »
2025年06月30日 by 张 鑫旭 阅读 3671 次, 今日 29 次
牛逼了，Chrome和Safari都支持clip-path shape()函数了，这个函数可谓是图形剪裁终极方案，没有path函数的缺点，以后一定会被广泛使用。
阅读全文…
标签： clip-path, clipPath, CSS Shapes, path, shape(), 贝塞尔曲线
发布在 CSS相关 | 一条评论 »
我的应用
我的应用