2021年08月17日 by 张 鑫旭 阅读 23702 次, 今日 34 次

推荐我的新书《CSS新世界》,我为自己代言,点击进入了解关于本书更多信息。
阅读全文…
标签: css3, CSS世界, CSS新世界, CSS选择器世界, 选择器
发布在 CSS相关 | 32 条评论 »
2022年07月27日 by 张 鑫旭 阅读 3522 次, 今日 61 次

抽几个小时使用 clip-path 绘制了一套 CSS 数字,可任意免费使用,大家自取。
阅读全文…
标签: clip-path, polygon, 图形生成
发布在 CSS相关 | 7 条评论 »
2022年07月21日 by 张 鑫旭 阅读 3042 次, 今日 47 次

本文详细介绍关于多彩字体的知识,以及如何使用 font-palette 等CSS属性设置字体的不同色调,国内首发,稀缺干货知识。
阅读全文…
标签: @font-palette-values, base-palette, font-face, font-family, font-palette, override-colors
发布在 CSS相关 | 没有评论 »
2022年06月30日 by 张 鑫旭 阅读 5425 次, 今日 38 次

在 CSS 这门语言中,凡是 Web 中的换行规则都可以改变,无论是中文的还是英文的,灵活到超出你的想象,非常强大!
阅读全文…
标签: keep-all, line-break, overflow-wrap, white-space, word-break, word-wrap, 文字排版
发布在 CSS相关 | 5 条评论 »
2022年06月19日 by 张 鑫旭 阅读 3640 次, 今日 18 次

相似内核但语义不同的Web组件该如何更高效的组织代码才能兼顾可维护性和可阅读性呢?如何在任意位置对已由的自定义元素组件进行方法或属性的扩展呢?一点实战经验分享,希望可以帮到大家的工作。
阅读全文…
标签: class, customElements, extends, Shadow DOM, slot, Web Components, 继承, 自定义元素
发布在 JS实例 | 4 条评论 »
2022年06月12日 by 张 鑫旭 阅读 4133 次, 今日 18 次

文字选区片段高亮又新增一名成员,可以使用 ::target-text 伪元素进行匹配,反正耽误不了几分钟,过来看看,说不定之后用得着。
阅读全文…
标签: ::grammar-error, ::highlight(), ::spelling-error, ::target-text, selection, text-anchor, URL, 伪元素, 锚点
发布在 CSS相关 | 3 条评论 »
2022年06月12日 by 张 鑫旭 阅读 4402 次, 今日 16 次

我以为我对 CSS 变量了解够多够深入了,没想到还是有知识的盲区,今天这个小技巧小特性就是其中之一,并且是相当实用的一个特性。
阅读全文…
标签: @keyframes, css var, CSS变量, transform, 自定义属性
发布在 CSS相关 | 8 条评论 »
2022年05月30日 by 张 鑫旭 阅读 10461 次, 今日 34 次

原来让页面刷新的时候不定位到刚才的滚动位置是有优雅至极的方法的,学习了!
阅读全文…
标签: history, scrollRestoration, scrollTo, scrollTop, URL, 刷新, 滚动
发布在 JS API, JS实例 | 11 条评论 »
2022年05月28日 by 张 鑫旭 阅读 7194 次, 今日 30 次

我话就放在这里了,不出三年,CSS @layer 规则一定会在业界遍地开花,到处使用。
阅读全文…
标签: @import, @layer, @media, @supports, css相关, font-face, 优先级, 选择器
发布在 CSS相关 | 8 条评论 »
2022年05月22日 by 张 鑫旭 阅读 5238 次, 今日 20 次

CSS中有两个重要的基础规则,一个是级联(Cascading),一个是继承(Inheritance),本文详细介绍级联规则,理解了级联,就能明白某些看似普通但不解的背后现象的原因。
阅读全文…
标签: @layer, @media, @supports, cascade, css相关, inherit, 优先级, 样式, 继承, 选择器
发布在 CSS相关 | 一条评论 »
2022年05月12日 by 张 鑫旭 阅读 5908 次, 今日 20 次

本文主要介绍如何使用 JS 代码实时生成条形码,以及介绍条形码在 Web 应用中的优势,启发若干可以使用条形码的场景。
阅读全文…
标签: encode, Unicode编码, 二维码, 加密, 图像处理, 条形码, 编码, 解密
发布在 JS实例 | 6 条评论 »