“CSS相关”目录存档

使用CSS revert全局关键字还原display显示元素

2021年05月16日,星期日

美丽的鹿

CSS revert是一个新出来的全局关键字,在使用display显示元素的时候,revert可以提高我们的开发体验,简化我们的实现。

阅读全文…

CSS line-height-step属性简介

2021年03月14日,星期日

line-height-step占位图

line-height属性大家都知道,那么CSS line-height-step属性又是什么作用呢?一起来一探究竟吧。

阅读全文…

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

2021年02月18日,星期四

狐狸亲吻

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

阅读全文…

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

2021年02月18日,星期四

line-break封面图

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

阅读全文…

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

2021年02月17日,星期三

花无痕

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

阅读全文…

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

2021年02月17日,星期三

线条图案

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

阅读全文…

CSS ::marker伪元素简介

2021年02月16日,星期二

标记列表项目符号

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

阅读全文…

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

2021年02月14日,星期日

松鼠与坚果

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

阅读全文…

了解CSS revert全局关键字

2021年02月14日,星期日

CSS全局关键字占位图

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

阅读全文…

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

2021年02月13日,星期六

爱心-情人节

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

阅读全文…