使用CSS text-combine-upright实现字符的横向合并

2021年02月18日 by 张 鑫旭 阅读 6086 次, 今日 7 次

狐狸亲吻

text-combine-upright属性可以让2-4个字符合并为一个字符的宽度(浏览器自动字形缩减),不仅可以用在垂直排版中,水平排版中特殊名词缩减合并也是可以使用的。

阅读全文…

CSS line-break属性与中文标点换行

2021年02月18日 by 张 鑫旭 阅读 5121 次, 今日 3 次

line-break封面图

CSS line-break属性专门中文、日文这样的语言设计,主要用来设置一些连字符和中文标点的换行规则,关键时候会有有用,建议进来了解下。

阅读全文…

Chrome 88已经支持aspect-ratio属性了,学起来

2021年02月17日 by 张 鑫旭 阅读 5433 次, 今日 3 次

花无痕

aspect-ratio让元素保持固定的高宽比例,很实用,本文会详细介绍该属性在各种场景下的尺寸表现,相信会对您的学习有所帮助的。

阅读全文…

好消息,CSS text-underline-offset可以用起来了

2021年02月17日 by 张 鑫旭 阅读 4434 次, 今日 6 次

线条图案

text-underline-offset属性可以设置下划线的偏移位置,可以有效解决中文字体下划线和字符重叠的问题,目前已经可以放心使用了。

阅读全文…

CSS ::marker伪元素简介

2021年02月16日 by 张 鑫旭 阅读 4619 次, 今日 4 次

标记列表项目符号

::marker是CSS中新出的一种伪元素,用来匹配列表项中的marker box,可以改变项目符号的颜色字体等,甚至改变项目符号内容,填补了CSS以前这块的能力空白。

阅读全文…

盘点HTML字符串转DOM的各种方法及细节

2021年02月16日 by 张 鑫旭 阅读 5738 次, 今日 11 次

新年时钟DOM HTML字符串

HTML字符串转DOM方法有好几个,本文盘点下各个方法的特性和优缺点,以及您可能不知道的相关DOM API方法的其他细节,希望可以对大家的学习有所帮助。

阅读全文…

如何使用JS检测用户是否缩放了页面?

2021年02月15日 by 张 鑫旭 阅读 7297 次, 今日 9 次

页面缩放占位图

本文介绍多种使用JS检测用户是否缩放页面的方法,有的针对PC桌面端浏览器,有的针对mobile移动端浏览器,您会学到不少新的API,以及新颖的实现思路。

阅读全文…

直线等图形从中间穿过元素或文字的CSS实现

2021年02月14日 by 张 鑫旭 阅读 3680 次, 今日 3 次

松鼠与坚果

本文介绍一种CSS小技巧,可以实现线条从元素或字符的中间穿过,实现不难,但是思路很巧妙,希望本文的技术关键时候可以帮到您。

阅读全文…

了解CSS revert全局关键字

2021年02月14日 by 张 鑫旭 阅读 3027 次, 今日 3 次

CSS全局关键字占位图

CSS全局关键字包括inherit、initial、unset和revert,其中inherit最实用,其次是revert,本文就简单介绍下revert关键字及其作用。

阅读全文…

Web Components中引入外部CSS的3种方法

2021年02月13日 by 张 鑫旭 阅读 3620 次, 今日 1 次

爱心-情人节

Web组件开发可能需要引入外部CSS到Shadow DOM中,本文就介绍3种各有优缺点CSS import的方法,帮助大家更好地进行web components组件开发。

阅读全文…