一些超级好用的CSS 属性

1、 fit-content 盒子大小自适应内容

案例:比如有时候我们需要根据给定的文本来调整盒子的宽度,这时候使用固定的宽度就很难调整,CSS提供的

 width: fit-content;

2、透明色

透明色的RGB值是(0, 0, 0, 0),其中第四个参数表示透明度,取值范围是0到1。透明度为0表示完全透明,透明度为1表示完全不透明
透明色也可以直接写英文单词 transparent

color:rgb(0,0,0,0)
color:transparent

3、使元素不可失去点击事件

可以使用CSS的pointer-events属性。将其设置为none,可以阻止用户的鼠标点击事件。

pointer-events: none;

更新中。。。

posted @ 2024-03-31 11:28  清和时光  阅读(16)  评论(0编辑  收藏  举报