“CSS相关”目录存档

为什么white-space:nowrap可以让文字一行显示?

2021年07月26日,星期一

鑫空间鑫生活white-space封面

分享一点关于Web中空格排版的小知识,希望对大家的学习有所帮助。

阅读全文…

纯CSS实现标题栏、表格头水平滚动垂直不滚动

2021年06月14日,星期一

滚动鑫空间粘性定位占位图

本文介绍如何使用纯CSS方法,实现某个元素在水平滚动的时候跟着滚,垂直滚动的时候固定效果,反之同样适用,丰富demo,有视频效果示意,希望可以帮到您的学习。

阅读全文…

如何使用CSS禁止元素拖拽?

2021年05月30日,星期日

金鱼移动升级 占位图 鑫空间

HTML中有个属性draggable可以设置元素能否拖拽,那么CSS中有没有什么属性可以设置元素的拖拽权限呢?

阅读全文…

666,看hr标签实现分隔线如何玩出花

2021年05月30日,星期日

草泥马 简笔画 html hr

本文展示大量使用HTML hr标签实现的分隔线效果,语义好,效果也好,直接复制粘贴就能使用,进来看看CSS + hr标签能玩出什么花吧~

阅读全文…

使用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属性可以设置下划线的偏移位置,可以有效解决中文字体下划线和字符重叠的问题,目前已经可以放心使用了。

阅读全文…